<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="language" content="en" />

	<!-- blueprint CSS framework -->
	<!-- <link rel="stylesheet" type="text/css" href="<?php echo Yii::app()->request->baseUrl; ?>/css/screen.css" media="screen, projection" /> -->
	<!-- <link rel="stylesheet" type="text/css" href="<?php echo Yii::app()->request->baseUrl; ?>/css/print.css" media="print" /> -->
	<!--[if lt IE 8]>
	link rel="stylesheet" type="text/css" href="<?php echo Yii::app()->request->baseUrl; ?>/css/ie.css" media="screen, projection" />
	<![endif]-->

	<link rel="stylesheet" type="text/css" href="<?php echo Yii::app()->request->baseUrl; ?>/css/form.css" />
	
	<link rel="stylesheet" type="text/css" href="<?php echo Yii::app()->request->baseUrl; ?>/css/siteStyles.css" />
	<link rel="stylesheet" type="text/css" href="<?php echo Yii::app()->request->baseUrl; ?>/css/fbStyles.css" />
	<link rel="stylesheet" type="text/css" href="<?php echo Yii::app()->request->baseUrl; ?>/css/styles.css" />
	<link rel="stylesheet" type="text/css" href="<?php echo Yii::app()->request->baseUrl; ?>/css/main-styles.css" />
	
	<title><?php echo CHtml::encode($this->pageTitle); ?></title>
	
	<style>
	
/*
 * 		CONTENTS
 * ============================================================
 *
 * 		0. Page
 * 		1. Typography (Headings)
 * 		2. Typography (Paragraphs)
 * 		3. Typography (Overrides)
 * 		4. Typography (Links)
 * 		5. Colors & Borders
 * 		6. Grid
 * 		7. Prepends and Appends
 * 		8. Floats and Alignment
 *
 * 		9. Interaction / Ajax
 * 		10.Misc
 * 		11.Named Classes
 *  	12.Buttons
 *  	13.Lists
 *  	14.Page Specific
 *  	15.Action Bar
 *  	16.Forms
 *		17.Footer
 *		18.Control Box
 *			Ribbon
 *				Save and cancel buttons
 *			Loader
 *			Overrides
 *
 *		19.Spreadsheet
 *			Action Bar
 *			Spreadsheet loader
 *			Spreadsheet Table
 *			 	Line Actions
 *					Delete button
 *					Insert button
 *				Hover
 *				On-Drag
 *					Cursor
 *				Active Cell
 *				Inline Item Creation
 *					Save and Cancel Buttons
 *					Disabled Lines for rest of table
 *				Form Elements
 *			Totals
 * 
 *		20.Tooble (tooltip bubble)
 *
 *		21.Index
 *			header
 *				column spacing
 *			sorting
 *			body
 *			columns
 *			status
 *			recurring stripe
 *			zebra stripes
 *			row hover
 *			selected row
 *			no results
 *			edit button
 *			inline edit
 *				save and cancel buttons
 *				highlight row
 *			disabled styles
 *			
 *		22.Reports
 *		23.Selectpicker
 *		24.Sidebar
 *		25.Generic Edit Page
 *
 *  	Deprecated
 *
 * ============================================================
 *		NOTES
 * ============================================================
 *
 *		Background colour conventions:
 *
*		Success 			#d9ffb2 (green)
 *		Error				#ffc9bb (red)
 *		Help/tooltips		#ffff99 (yellow)
 *		Info				#dceeff (blue)
 *		General Highlights	#fff4d6 (orange)
 *		Notifications		#faf1b9 (brown)
 *
 * ============================================================
 */


/*
 * 		0. PAGE
 * ============================================================
 */

html {
	/* force vertical scrollbar */
	height: 100%;
	overflow-y: scroll;
}

body {
	font-family: Verdana, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #000;
	padding: 0;
	margin: 0;
	background-color: #fff;
}
div.main_bg {
	background-color: #fff;
}

body.login {
	background:url("/cloverdale/images/page-background.png") repeat-x scroll 50% 0 #FFFFFF;
}

a {
	outline: none;
}

.boxTop, .boxMain, .boxBot {
	margin:0 auto;
}

.boxTop {
	margin-top:50px;
}






/*
 * 		1. TYPOGRAPHY (HEADINGS)
 * ============================================================
 */


/* Used for page title */
h1, h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #000;
	line-height: normal;
	padding: 0;
	margin: 0 0 7px 0;
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #000;
	line-height: 1.2em;
	padding: 0;
	margin: 0 0 7px 0;
}

h4 {
	/* Used in right column headings, secondary headings */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #000000;
	line-height: 18px;
	padding: 0;
	margin: 0 0 5px 0;
}




/*
 * 		2. TYPOGRAPHY
 * ============================================================
 */

p {
	margin: 0 0 24px 0;
	padding: 0;
}

/* text that display below forms */
.example {

	color: #888;
	font-size: 11px;
	line-height: 14px;
	margin-top: 4px;
}
.bg_blue .example {
	color: #555f69;
}
small {	font-size: 11px; }


/*
 * 		3. TYPOGRAPHY (OVERRIDES)
 * ============================================================
 */

.italics { font-style:  italic !important; }
.bold    { font-weight: bold !important;   }
.nobold { font-weight: normal !important;}



.fs_11 {
	font-size: 11px;
	font-family: Verdana, sans-serif;
	line-height: 16px;
}
.fs_14 {
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 17px;
}

.fs_16 {
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.3em;
}

.fs_18 {
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 21px;
}

.fs_20 {
	font-size: 20px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: normal;
}

.fs_22 {
	font-size: 22px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 25px;
}

.fs_24 {
	font-size: 24px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: normal;
}
.fs_28 {
	font-size: 28px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: normal;
}
.fs_30 {
	font-size: 30px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 33px;
}





/*
 * 		4. TYPOGRAPHY (LINKS)
 * ============================================================
 */

a.link_green:link, a.link_green:visited, a.link_green:active {
	color: #118f11;
	text-decoration: underline;
}
a.link_green:hover {
	color: #fff;
	background-color: #118f11;
	text-decoration: none;
}

a img {
	border: 0;
}

a.small-link {
	font-size: 11px;
}

a.no-hover:hover {
	background: transparent;
}

/* link with green plus icon on left */
a.link-new {
	display: block;
	float: left;
	height: 20px;
	margin-bottom: -2px;
	line-height: 18px;
	padding-left: 20px;
	padding-right: 2px;
	background: url("/images/icons/new.png") 2px 3px no-repeat;
}

a.link-new:hover {
	background: #0000FF url("/images/icons/new.png") 2px 3px no-repeat;
}

a.link-delete {
	display: block;
	float: left;
	height: 20px;
	margin-bottom: -2px;
	line-height: 18px;
	padding-left: 20px;
	padding-right: 2px;
	background: url("/images/icons/delete.png") 2px 3px no-repeat;
}

a.link-delete:hover {
	background: #0000FF url("/images/icons/delete.png") 2px 3px no-repeat;
}

/* link with help icon on left */
a.link-help {
	display: block;
	float: left;
	height: 20px;
	line-height: 18px;
	padding-left: 20px;
	background: url("/images/icons/help.png") 2px 1px no-repeat;
}

a.link-help:hover {
	background: #0000FF url("/images/icons/help.png") 2px 1px no-repeat;
}

/* link with circle arrows icon on left */
a.link-arrowscircle {
	display: block;
	float: left;
	height: 20px;
	line-height: 18px;
	padding-left: 20px;
	background: url("/images/icons/recurring.png") 1px 2px no-repeat;
	cursor: pointer;
}
a.link-arrowscircle:hover {
	background-color: #00F;
}

/* grey links */
a.link-action-grey {
	font: bold 12px/20px Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #777;
}
a.link-action-grey:hover {
	background-color: transparent;
	text-decoration: underline;
}



/*
 * 		5. COLORS & BORDERS
 * ============================================================
 */

.green  	{ color: #4c8700; }
.gray30 { color: #b2b2b2; }
.gray40 { color: #999999; }
.gray50 	{ color: #777777; }
.gray60 { color: #666; }
.red 	{ color: #f00f00; }
.white { color: #ffffff; }
.black { color: #000000; }
.darkorange { color: #6f6a56; }
.fresh_blue { color: #0075CE; }
.link_blue { color: #00f; }

.bg_linehighlight { background-color: #f5f5e3; }

.bg_green { background-color: #d9ffb2; }
.bg_darkgreen { background-color: #afeb63; }
.bg_red { background-color: #ffc9bb; }
.bg_darkred { background-color: #ed1c24; }
.bg_yellow { background-color: #ffff99; }
.bg_blue { background-color: #dceeff; }
.bg_orange { background-color: #fff4d6; }
.bg_brown { background-color: #faf1b9; }
.bg_grey95 { background-color: #f1f1f1; }
.bg_grey90 { background-color: #e5e5e5; }
.bg_grey40 { background-color: #666; }
.bg_lightorange { background-color: #fffbe6; }
.bg_lightyellow { background-color: #ffffca; }

.border_orange { border: 1px solid #e6e0b6; }
.border_green     { border: 1px solid #88c331; }
.border_grey85    { border: 1px solid #d4d4d4; }
.border_t_grey85  { border-top: 1px solid #d4d4d4; }

.line_grey90 {
	background-color: #e5e5e5;
	height: 1px;
	overflow: hidden;
}

/* highlighted text */
.hl, .highlight {
  background-color: #ff9;
}
.hl_green {
  background-color: #d9ffb2;
}



/*
 * 		6. GRID
 * ============================================================
 */

.container {
	text-align: left;
	width: 760px;
	margin: 0 auto;
	padding: 0 40px;
}
.login-container {
	text-align: left;
	width: 500px;
	height: 200px;
	margin: 0 auto;
	padding: 0;
	background:url("/cloverdale/images/form-arrow.gif") no-repeat scroll -75% 25% transparent;
	border:1px solid #000000;
	background-color:#fff;
}
.relative-box {
	position: relative;
}

.project-budget .relative-box {
    z-index: 10;
}

.container.g960 {
	width: 960px;
	padding: 0px;
}

div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10,
div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19,
div.span-20, div.span-21, div.span-22, div.span-23, div.span-24, div.span-25, div.span-26, div.span-27, div.span-28,
div.span-29, div.span-30, div.span-31, div.span-32, div.span-33, div.span-34, div.span-35, div.span-36, div.span-37 {
  float: left;
/*  overflow: auto;*/
  min-height: 1px;
}

.span-1 { width: 20px; }
.span-2 { width: 40px; }
.span-3 { width: 60px; }
.span-4 { width: 80px; }
.span-5 { width: 100px; }
.span-6 { width: 120px; }
.span-7 { width: 140px; }
.span-8 { width: 160px; }
.span-9 { width: 180px; }
.span-10 { width: 200px; }
.span-11 { width: 220px; }
.span-12 { width: 240px; }
.span-13 { width: 260px; }
.span-14 { width: 280px; }
.span-15 { width: 300px; }
.span-16 { width: 320px; }
.span-17 { width: 340px; }
.span-18 { width: 360px; }
.span-19 { width: 380px; }
.span-20 { width: 400px; }
.span-21 { width: 420px; }
.span-22 { width: 440px; }
.span-23 { width: 460px; }
.span-24 { width: 480px; }
.span-25 { width: 500px; }
.span-26 { width: 520px; }
.span-27 { width: 540px; }
.span-28 { width: 560px; }
.span-29 { width: 580px; }
.span-30 { width: 600px; }
.span-31 { width: 620px; }
.span-32 { width: 640px; }
.span-33 { width: 660px; }
.span-34 { width: 680px; }
.span-35 { width: 700px; }
.span-36 { width: 720px; }
.span-37 { width: 740px; }
.span-38 { width: 760px; }
.span-39 { width: 780px; }
.span-40 { width: 800px; }






/*
 * 		7. PREPENDS & APPENDS
 * ============================================================
 */

.prepend-half { padding-left: 10px; }
.prepend-1 { padding-left: 20px; }
.prepend-2 { padding-left: 40px; }
.prepend-3 { padding-left: 60px; }
.prepend-4 { padding-left: 80px; }
.prepend-5 { padding-left: 100px; }
.prepend-6 { padding-left: 120px; }
.prepend-7 { padding-left: 140px; }
.prepend-8 { padding-left: 160px; }
.prepend-9 { padding-left: 180px; }
.prepend-10 { padding-left: 200px; }
.prepend-11 { padding-left: 220px; }
.prepend-12 { padding-left: 240px; }
.prepend-13 { padding-left: 260px; }
.prepend-14 { padding-left: 280px; }
.prepend-15 { padding-left: 300px; }
.prepend-16 { padding-left: 320px; }
.prepend-17 { padding-left: 340px; }
.prepend-18 { padding-left: 360px; }
.prepend-19 { padding-left: 380px; }
.prepend-20 { padding-left: 400px; }

.prepend-top-half { padding-top: 9px;}
.prepend-top-1 { padding-top: 18px;}
.prepend-top-2 { padding-top: 36px;}
.prepend-top-3 { padding-top: 54px;}
.prepend-top-4 { padding-top: 72px;}
.prepend-top-5 { padding-top: 90px;}


.append-half { padding-right: 10px; }
.append-1 { padding-right: 20px; }
.append-2 { padding-right: 40px; }
.append-3 { padding-right: 60px; }
.append-4 { padding-right: 80px; }
.append-5 { padding-right: 100px; }
.append-6 { padding-right: 120px; }
.append-7 { padding-right: 140px; }
.append-8 { padding-right: 160px; }
.append-9 { padding-right: 180px; }
.append-10 { padding-right: 200px; }
.append-11 { padding-right: 220px; }
.append-12 { padding-right: 240px; }
.append-13 { padding-right: 260px; }
.append-14 { padding-right: 280px; }
.append-15 { padding-right: 300px; }
.append-16 { padding-right: 320px; }
.append-17 { padding-right: 340px; }
.append-18 { padding-right: 360px; }
.append-19 { padding-right: 380px; }
.append-20 { padding-right: 400px; }

.append-bottom-half { padding-bottom: 9px;}
.append-bottom-1 { padding-bottom: 18px;}
.append-bottom-2 { padding-bottom: 36px;}
.append-bottom-3 { padding-bottom: 54px;}
.append-bottom-4 { padding-bottom: 72px;}
.append-bottom-5 { padding-bottom: 90px;}

.gutter-bottom-1 { margin-bottom: 10px;}
.gutter-bottom-2 { margin-bottom: 20px;}
.gutter-bottom-3 { margin-bottom: 30px;}




/*
 * 		8. FLOATS AND ALIGNMENT
 * ============================================================
 */

.nofloat 		{ float: none; 		}
.float_left 	{ float: left; 		}
.float_right 	{ float: right;		}
.ta_center 	{ text-align: center; 	}
.ta_right 	{ text-align: right; 	}
.ta_left 	{ text-align: left; 	}
.clearb 		{ clear: both; }
.center { margin: 0 auto;}
.nowrap { white-space: nowrap;}




/*
 * 		9. INTERACTION / AJAX
 * ============================================================
 */
.cursor_clickable {
	cursor: pointer;
}

/* jquery tooltips for partial payments */
#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #aaa;
	background-color: #ff9;
	padding: 5px;
	opacity: 0.9;
	text-align: left;
}
#tooltip h3 {
	font: bold 12px Verdana, Arial, sans-serif;
	margin: 0;
}
#tooltip div {
}
#tooltip.totals_tooltip {
    z-index: 9999;
	line-height: 1.2em;
	text-align: right;
}
#tooltip.totals_tooltip strong {
	display: block;
	float: left;
	width: 90px;
	text-align: left;
}
#tooltip div.tool-tip {
	float: left;
	font-size: 12px;
	line-height: 18px;
	padding: 5px;
}
span.tool-tip, label.tool-tip {
	border-bottom-style: dashed;
	border-bottom-width: 1px;
	cursor: help;
}



/*
 * 		10. MISC
 * ============================================================
 */

.hide { display: none; }
.block { display: block; }
.rule_5 {
	height: 5px;
	margin: 22px 0;
	overflow: hidden;
}
.title-rule {
	height: 5px;
	margin: 0 0 13px 0;
	background-color: #e2e2e2;
	overflow: hidden; /* IE6 hack */
}


/*
 * 		11. NAMED CLASSES
 * ============================================================
 */

.close {
	margin-right: -12px;
	margin-top: -11px;
	float: right;
	width: 20px;
	cursor: pointer;
}

.help_box {
	background: #ffff99 url(/images/icons/question.gif) no-repeat 15px 13px;
	padding: 10px 15px 10px 70px;
	margin-top: 20px;
	width: 575px;
}

.boxGrey {
	background-color: #eee;
	border: 1px solid #ccc;
	padding: 10px;
	text-align: left;
}

.box-days {
	width: 140px;
	margin: 0px auto;
	-webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.4);
   	-moz-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.4);
   	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.4);
	background-color: #333;
	text-align: center;
	font-size: 24px;
	padding: 10px 0px;
	border: 2px solid #d4d4d4;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	position: relative;
}

.box-days-over {
	position: absolute;
	left: 0px;
	top: 20px;
	width: 140px;
	height: 41px;
	background: transparent url(/images/client/days.png) repeat-x 0px 0px;
}

/* messages */
.notifyBox {
	background: #d9ffb2 url(/cloverdale/images/icons/check.gif) no-repeat 15px 13px;
	width: 575px;
	margin: 20px 0 10px;
	padding: 10px 15px 15px 70px;
}
.notifyBox h3 {
	font-size: 19px;
	color: #4c8700;
}
.notifyBox .hl {
	background-color: #ff9;
}
.notifyBox.bad {
	background-image: url(/images/icons/x.gif);
	background-color: #ffc9bb;
}
.notifyBox.bad h3 {
	color: #9f1e00;
}
.notifyBox.info {
	background-image: url(/images/icons/info.gif);
	background-color: #dceeff;
}
.notifyBox.info h3 {
	color: #004e9d;
}
.notifyBox.notifySearch {
	background-image: url(/images/icons/search.gif);
	background-color: #fff4d6;
}
.notifyBox.notifySearch h3 {
	color: #7f5711;
}
.notifyBox.warning {
	background-image: url(/images/icons/warning.gif);
	background-color: #faf1b9;
}
.notifyBox.warning_white {
	background-image: url('/images/icons/warning-white.gif');
	background-color: #fff;
}
.notifyBox.warning h3 {
	color: #4d440f;
}
.notifyBox h2 {
	padding: 0;
}
.notifyBox ul {
	margin: 0;
	padding-left: 25px;
}
.notifyBox ul ul {
	list-style: circle;
	margin: 0;
	padding-left: 30px;
}
.notifyBox h3 span.currency-code {
	font-size: 15px !important;
	font-weight: bold !important;
	color: #4c8700;
}
.notifyBox span.currency-code {
	color: #000;
}

/* small notify boxes */
.notify_box_small {
	background: #d9ffb2 url('/images/icons/check-small.gif') no-repeat 9px 8px;
	margin: 0 0 18px 0;
	padding: 9px 20px 10px 40px;

}
.notify_box_small.bad {
	background-image: url('/images/icons/x-small.gif');
	background-color: #ffc9bb;
}

div.notif_blue_small {
	background: #dceeff url(/images/icons/info-small.gif) no-repeat 15px 7px;
	padding: 12px 10px 12px 55px;
	margin: 18px 0;
	width: 595px;
}
div.notif_blue_small_upgrade {
	float: left;
	width: auto;
	padding-right: 20px;
	margin-bottom: 0;
}
	.notif_blue_small + .button-panel{
		padding-top: 0px;
	}
	
#user_survey_notif div {
	background-image: url(/images/icons/info-small-yellow.gif);
	background-repeat: no-repeat;
	background-position: 15px 7px;
	padding: 11px 0 11px 55px;
	width: 705px;
}

option.option_highlight {
	background-color: #ff9;
	font-weight: bold;
}

.iconLeft {
	float: left;
	margin: 2px 4px 0 0 !important;
}

/* Error message on facebox */
#facebox .notifyBox.bad {
	width: auto;
	margin: 0 0 18px 0;
	padding: 9px 20px 9px 40px;
	background: #ffc9bb url(/images/icons/x-small.gif) no-repeat 9px 8px;
}


/* progress/usage bars */
.progress-bar {
	background: url(/images/application.png) left -175px repeat-x;
	width: 210px;
	height: 18px;
	float: left;
	margin-right: 10px;
	border: 1px solid #abadb3;
}

.progress-bar.no-fill .fill {
	display: none !important;
}

.progress-bar.pg-neutral .fill {
	background: url(/images/application.png) left -195px repeat-x;
	display: inline-block;
	height: 16px;
	border-top: solid 1px #cefa9a;
	border-right: solid 1px #77c51a;
	border-bottom: solid 1px #61af05;
	border-left: solid 1px #a3e456;
}

.progress-bar.pg-red .fill {
	background: url(/images/application.png) left -215px repeat-x;
	display: inline-block;
	height: 16px;
	border-top: solid 1px #f3a5a5;
	border-right: none;
	border-bottom: solid 1px #940404;
	border-left: none;
}

.progress-bar-unlimited-spacer {
	width: 222px;
	float: left;
}

.progress-bar.big {
	background-position: 0 -238px;
	width: 440px;
	height: 32px;
	position: relative;
}
.progress-bar.pg-neutral.big .fill {
	background-position: 0 -274px;
	height: 30px;
}
.progress-bar.big .progress_message {
	font: normal 16px/32px Arial, Helvetica, sans-serif;
	color: #2b4c00;
	text-shadow: #fff 1px 1px 1px;
	position: absolute;
	top: 0;
	left: 0;
	width: 440px;
	height: 32px;
	text-align: center;
}


/* permissions */
ul.permissions {
	list-style: none;
	padding: 0;
	margin: 0;
	color: #ffffff;
	font-weight: bold;
	font-size: 11px;
}

ul.permissions li {
	float: left;
	background-color: #919191;
	padding: 1px;
	margin-right: 3px;
	margin-bottom: 3px;

}

ul.permissions li div {
	border: solid 1px #c3c3c3;
	padding: 0px 3px;
	min-width: 116px;
}

ul.permissions li.enabled {
	/* See fbstyles */
}

ul.permissions li.enabled div {
	/* See fbstyles */
}

/* contractor tour help box */
#help_contractor_tour {
	background: url(/images/helpbox-contractor-tour.gif) no-repeat;
	font: italic 22px Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
	display: block;
	width: 275px;
	height: 98px;
	padding: 52px 80px 0 200px;
	margin: 10px 0;
}
#help_contractor_tour:hover {
	background-position: 0 -150px;
	text-decoration: underline;
}

.sidebar_top {
	background: url(/images/sidebar/top.gif) no-repeat;
	height: 60px;
	margin-bottom: -50px;
}
.sidebar_bottom {
	background: url(/images/sidebar/bottom.gif) no-repeat;
	height: 60px;
	margin-top: -40px;
}
.sidebar_home {
	background: url(/images/sidebar/tile.gif) repeat-y;
}
.sidebar_content {
	margin-left: 20px;
}


.pagetitle_link {
	float: right;
	margin-top: 15px;
}

#invite_title_link {
	background: #fff4d6 url(/images/icons/envelope-arrow.png) no-repeat 8px 11px;
	font-size: 11px;
	color: #000;
	line-height: 15px;
	text-decoration: none;
	border: solid 1px #e5d9b5;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	padding: 4px 6px 4px 32px;
	display: block;
	float: right;
}
#invite_title_link:hover {
	background-color: #f7e9c3;
	border: solid 1px #d9cba0;
}

/* popup timer */
#theTimer {
	background: #b2dfff url(/images/timer/bg.gif) repeat-x;
	font-size: 11px;
	text-align: center;
}
#timer_container {
	width: 175px;
	padding: 10px;
	margin: 0 auto;
}
#timer_top {
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #a1b2bf;
	height: 100px;
}
#timer_top a {
	color: #a1b2bf;
	text-decoration: none;
}
#timer_top a:hover {
	color: #36434d;
	background-color: transparent;
}
#timer_large {
	font: bold 41px Arial, Helvetica, sans-serif;
	color: #000;
}
.timerSwitch {
	outline: none;
	vertical-align: middle;
}
.timerSwitch:hover {
	background-color: transparent;
}
#timer_buttons a:hover {
	background-color: transparent;
}
.timer_form {
	text-align: left;
	margin: 10px 10px 0;
	clear: both;
}
.timer_bot {
	padding: 5px 5px 0;
}
#submit_button {
	height: 50px;
}
#hrsLogged {
	background: #d9ffb2 url(/images/icons/check-small.gif) no-repeat 8px 8px;
	font: bold 20px/normal Arial, Helvetica, sans-serif;
	text-align: left;
	color: #4C8700;
	padding: 7px 10px;
	padding-left: 38px;
	float: left;
}
#hrsLogged.timer_logged {
	background-position: 5px 5px;
	font-size: 15px;
	padding-left: 32px;
}

.upgradebox_type {
	background: #f4f4f4;
	border: 1px solid #e9e9e9;
	width: 250px;
	padding: 15px;
	float: left;
	margin-right: 20px;
}
.upgradebox_type_selected {
	background: #d9ffb2 url(/images/icons/checkmark-green.png) no-repeat 258px 6px;
	border-color: #b8d998;
}
#upgradetype_arrow {
	position: absolute;
	right: 0px;
	top: 55px;
}


/* grey panel */
.boxpanel {
	background-color: #f7f7f7;
	border: 1px solid #e5e5e5;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	padding: 20px;
	margin-bottom: 20px;

}
	.boxpanel h3 {
		font-size: 20px;
		color: #222;
		margin-bottom: 2px;
	}
	.boxpanel .author {
		font: bold 14px Arial, Helvetica, sans-serif;
		color: #a6a6a6;
		margin-bottom: 10px;
	}
	.boxpanel .author a:link, .boxpanel .author a:active, .boxpanel .author a:visited {
		color: #a6a6a6;
	}
	.boxpanel .author a:hover {
		background-color: transparent;
	}
	.boxpanel .summary {
		width: 338px;
		float: left;
		margin-right: 20px;
	}
	.boxpanel .logo {
		background-color: #fff;
		border: 1px solid #e5e5e5;
		border-radius: 6px;
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		width: 98px;
		text-align: center;
		padding: 10px;
		float: left;
		margin-bottom: 20px;
	}
	.boxpanel .purchase {
		font: bold 20px/30px Arial, Helvetica, sans-serif;
		color: #a7d3f0;
		text-shadow: rgba(0, 0, 0, 0.35) 1px 1px 1px;
		float: left;
		width: 120px;
	}
	.boxpanel .price {
		font: bold 30px/30px Arial, Helvetica, sans-serif;
		color: #fff;
		text-shadow: rgba(0, 0, 0, 0.35) 1px 1px 1px;
		float: left;
		padding-right: 7px;
	}
	.boxpanel .per_month {
		font: bold 14px/16px Arial, Helvetica, sans-serif;
		color: #fff;
		text-shadow: rgba(0, 0, 0, 0.35) 1px 1px 1px;
		float: left;
		width: 75px;
	}
		.boxpanel .per_month .per_user {
			font: normal 11px/11px Verdana, Arial, sans-serif;
			color: #bedef4;
			text-shadow: none;
		}
	.boxpanel .download {
		background: url('/images/wrap-around-divider.gif') no-repeat;
		padding-left: 30px;
		float: left;
	}
	.boxpanel a.cancel_app:link, .boxpanel a.cancel_app:active, .boxpanel a.cancel_app:visited {
		background: url('/images/boxpanel-close.gif') no-repeat 0 2px;
		line-height: 15px;
		color: #999;
		float: right;
		padding-left: 17px;
		margin-top: 5px;
	}
	.boxpanel .bar_links {
		clear: both;
		padding-top: 8px;
	}
		
.wrap_around {
	background-color: #2490da;
	border: 1px solid #1e77b3;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius-topleft: 0px;
	-webkit-border-top-left-radius: 0px;
	-moz-border-radius-topleft: 0px;
	clear: both;
	padding: 5px 10px 5px 30px;
	float: left;
	position: relative;
	margin-left: -28px;
	color: #fff;
	width: 300px;
	box-shadow: 0 3px 4px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.2);
}
.wrap_around_long {
	width: 435px;
}
.wrap_around .wrap_left {
	background: url('/images/wrap-around-left-blue.gif') no-repeat;
	width: 8px;
	height: 26px;
	position: absolute;
	left: -2px;
	top: -27px;
}

#spread_word {
	display: none;
	background-color: #f4f4f4;
	padding: 20px;
	margin: 20px 0 10px;
	width: 620px;
}
a.spread_word_button:link, a.spread_word_button:active, a.spread_word_button:visited {
	background: url('/images/share-button-bg.gif') no-repeat right top;
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #555;
	text-decoration: none;
	display: block;
	float: left;
	margin-right: 5px;
	padding-right: 15px;
	height: 56px;
}
.spread_word_button span {
	background: url('/images/share-button-bg.gif') no-repeat left top;
	display: block;
	float: left;
	padding-left: 15px;
	height: 48px;
	padding-top: 8px;
}
a.spread_word_button:hover {
	color: #000;
}
.spread_word_close {
	float: right;
}

#addons_info_msg {
	padding: 6px 10px;
	margin: 20px 0;
	line-height: 19px;
}
#addons_info_msg_close {
	float: right;
}


/* grey panels */
.panel .top_left,
.panel .top_right,
.panel .bottom_right,
.panel .bottom_left {
	width: 6px;
	height: 6px;
}
.panel .top_left {
	background: url('/images/panel/corners.gif') 0 0 no-repeat;
}
.panel .top_tile {
	background: url('/images/panel/top-tile.gif') repeat-x;
}
.panel .top_right {
	background: url('/images/panel/corners.gif') -6px 0 no-repeat;
}
.panel .middle_left {
	background: url('/images/panel/left-tile.gif') repeat-y;
}
.panel .middle {
	background-color: #f3f3f3;
	padding: 4px;
}
.panel .middle_right {
	background-color: #f3f3f3;
	border-right: 1px solid #ebebeb;
}
.panel .bottom_left {
	background: url('/images/panel/corners.gif') 0 -6px no-repeat;
}
.panel .bottom_tile {
	background-color: #f3f3f3;
	border-bottom: 1px solid #ebebeb;
}
.panel .bottom_right {
	background: url('/images/panel/corners.gif') -6px -6px no-repeat;
}
.panel .middle.pad_top_bot {
	padding-top: 24px;
	padding-bottom: 24px;
}
/* pay online box on show invoice page */
.panel .middle.invoice_pay_online {
	text-align: center;
	color: #555;
}
.panel .middle.invoice_pay_online img {
	vertical-align: middle;
	margin-top: -2px;
}
.invoice_pay_online_button {
	display: inline-block;
	vertical-align: middle;
	margin: 0 5px;
}


.box_orange_rounded {
	background-color: #fff4d6;
	border: 1px solid #E5D9B5;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	padding: 6px 10px;
}

#app_store_highlight {
	position: absolute;
	top: 0px;
	left: 280px;
}


/*
 * 		12. BUTTONS
 * ============================================================
 */

/* button-panel-title */
.button-panel-title {
	padding-bottom: 18px;
	padding-top: 9px;
	margin: 0px;
}
	/* button panel */
	.button-panel {
		float: right;
		position: relative;
	}
	.button-panel.center {
		clear: both;
		float: left;
		left: 50%;
	}
		/* wrapper to let us align the button in the middle */
		.button-panel.center .wrapper {
			margin-left: -50%;
		}
	
		/* spacer */
		.spacer {
			width: 6px;
			height: 20px;
			display: block;
			float: left;
		}
	
		/* normal button */
		.button {
			display: block;
			float: left;
			height: 36px;
			line-height: 32px;
			padding-right: 15px;
			background: url(/cloverdale/images/application.png) right -73px no-repeat;
			text-decoration: none !important; /* important is for ie6 */
			color: #555 !important; /* important is for ie6 */
			font-weight: bold;
			font-size: 14px;
			font-family: Arial, Helvetica, sans-serif;
			text-align: center;
			cursor: pointer;
		}
		.button span {
			display: block;
			height: 36px;
			background: url(/cloverdale/images/application.png) -520px -73px no-repeat;
			padding-left: 13px;
			cursor: pointer;
			float: left;
		}
		.button:hover {
			color: #000 !important; /* important is for ie6 */
		}
	
			/* check icon */
			.button-panel .button.check {
				padding-right: 15px;
				background: url(/cloverdale/images/application.png) right -258px no-repeat;
			}
			.button-panel .button.check span {
				background: url(/cloverdale/images/application.png) -520px -258px no-repeat;
				padding-left: 35px;
			}
			.button-panel .button.check:hover {
				background: url(/cloverdale/images/application.png) right -294px no-repeat;
			}
			.button-panel .button.check:hover span {
				background: url(/cloverdale/images/application.png) -520px -294px no-repeat;
			}
	
			/* edit icon */
			.button-panel .button.edit {
				padding-right: 15px;
				background: url(/cloverdale/images/application.png) right -330px no-repeat;
			}
			.button-panel .button.edit span {
				background: url(/cloverdale/images/application.png) -520px -330px no-repeat;
				padding-left: 35px;
			}
			.button-panel .button.edit:hover {
				background: url(/cloverdale/images/application.png) right -366px no-repeat;
			}
			.button-panel .button.edit:hover span {
				background: url(/cloverdale/images/application.png) -520px -366px no-repeat;
			}
	
			/* dollar icon */
			.button-panel .button.dollar {
				padding-right: 15px;
				background: url(/cloverdale/images/application.png) right -184px no-repeat;
			}
			.button-panel .button.dollar span {
				padding-left: 30px;
				background: url(/cloverdale/images/application.png) -520px -184px no-repeat;
			}
			.button-panel .button.dollar:hover {
				background: url(/cloverdale/images/application.png) right -220px no-repeat;
			}
			.button-panel .button.dollar:hover span {
				background: url(/cloverdale/images/application.png) -520px -220px no-repeat;
			}
			
			/* bubble icon */
			.button-panel .button.bubble {
				padding-right: 15px;
				background: url(/cloverdale/images/application.png) right -402px no-repeat;
			}
			.button-panel .button.bubble span {
				padding-left: 35px;
				background: url(/cloverdale/images/application.png) -520px -402px no-repeat;
			}
			.button-panel .button.bubble:hover {
				background: url(/cloverdale/images/application.png) right -438px no-repeat;
			}
			.button-panel .button.bubble:hover span {
				background: url(/cloverdale/images/application.png) -520px -438px no-repeat;
			}
			
			/* arrow-right icon */
			.button-panel .button.arrow-right {
				padding-right: 35px;
				background: url(/cloverdale/images/application.png) right -474px no-repeat;
			}
			.button-panel .button.arrow-right span {
				padding-left: 15px;
				background: url(/cloverdale/images/application.png) -520px -474px no-repeat;
			}
			.button-panel .button.arrow-right:hover {
				background: url(/cloverdale/images/application.png) right -510px no-repeat;
			}
			.button-panel .button.arrow-right:hover span {
				background: url(/cloverdale/images/application.png) -520px -510px no-repeat;
			}

			/* arrow-left icon */
			.button-panel .button.arrow-left {
				padding-right: 15px;
				background: url(/cloverdale/images/application.png) right -546px no-repeat;
			}
			.button-panel .button.arrow-left span {
				padding-left: 35px;
				background: url(/cloverdale/images/application.png) -520px -546px no-repeat;
			}
			.button-panel .button.arrow-left:hover {
				background: url(/cloverdale/images/application.png) right -582px no-repeat;
			}
			.button-panel .button.arrow-left:hover span {
				background: url(/cloverdale/images/application.png) -520px -582px no-repeat;
			}

			/* pdf icon */
			.button-panel .button.pdf {
				padding-right: 15px;
				background: url(/cloverdale/images/application.png) right -618px no-repeat;
			}
			.button-panel .button.pdf span {
				padding-left: 35px;
				background: url(/cloverdale/images/application.png) -520px -618px no-repeat;
			}
			.button-panel .button.pdf:hover {
				background: url(/cloverdale/images/application.png) right -654px no-repeat;
			}
			.button-panel .button.pdf:hover span {
				background: url(/cloverdale/images/application.png) -520px -654px no-repeat;
			}

			/* print icon */
			.button-panel .button.printer {
				padding-right: 15px;
				background: url(/cloverdale/images/application.png) right -690px no-repeat;
			}
			.button-panel .button.printer span {
				padding-left: 35px;
				background: url(/cloverdale/images/application.png) -520px -690px no-repeat;
			}
			.button-panel .button.printer:hover {
				background: url(/cloverdale/images/application.png) right -726px no-repeat;
			}
			.button-panel .button.printer:hover span {
				background: url(/cloverdale/images/application.png) -520px -726px no-repeat;
			}

			/* envelope icon */
			.button.envelope {
				padding-right: 15px;
				background: url(/cloverdale/images/application.png) right -762px no-repeat;
			}
			.button.envelope span {
				padding-left: 35px;
				background: url(/cloverdale/images/application.png) -520px -762px no-repeat;
			}
			.button.envelope:hover {
				background: url(/cloverdale/images/application.png) right -798px no-repeat;
			}
			.button.envelope:hover span {
				background: url(/cloverdale/images/application.png) -520px -798px no-repeat;
			}

			/* paypal adaptive b2b */
			.button.paypalb2b {
				background: url(/images/paypal/pay-paypal.gif) 0 5px no-repeat;
				width: 144px;
				padding: 0;
			}
			.button.paypalb2b span {
				background-image: none;
				padding: 0;
			}
			.button.paypalb2b:hover {
				background-color: transparent;
			}

			/* visa/mc/amex */
			.button.cc_visamcamex {
				background: url(/images/credit-cards.png) right 0px no-repeat;
			}
			.button.cc_visamcamex span {
				padding-left: 90px;
				background: url(/images/credit-cards.png) 0 0 no-repeat;
			}
			.button.cc_visamcamex:hover {
				background: url(/images/credit-cards.png) right -36px no-repeat;
			}
			.button.cc_visamcamex:hover span {
				background: url(/images/credit-cards.png) 0 -36px no-repeat;
			}

			/* visa/mc */
			.button.cc_visamc {
				background: url(/images/credit-cards.png) right -72px no-repeat;
			}
			.button.cc_visamc span {
				padding-left: 66px;
				background: url(/images/credit-cards.png) 0 -72px no-repeat;
			}
			.button.cc_visamc:hover {
				background: url(/images/credit-cards.png) right -108px no-repeat;
			}
			.button.cc_visamc:hover span {
				background: url(/images/credit-cards.png) 0 -108px no-repeat;
			}

			/* mc/amex */
			.button.cc_mcamex {
				background: url(/images/credit-cards.png) right -144px no-repeat;
			}
			.button.cc_mcamex span {
				padding-left: 66px;
				background: url(/images/credit-cards.png) 0 -144px no-repeat;
			}
			.button.cc_mcamex:hover {
				background: url(/images/credit-cards.png) right -180px no-repeat;
			}
			.button.cc_mcamex:hover span {
				background: url(/images/credit-cards.png) 0 -180px no-repeat;
			}

			/* visa/amex */
			.button.cc_visaamex {
				background: url(/images/credit-cards.png) right -216px no-repeat;
			}
			.button.cc_visaamex span {
				padding-left: 66px;
				background: url(/images/credit-cards.png) 0 -216px no-repeat;
			}
			.button.cc_visaamex:hover {
				background: url(/images/credit-cards.png) right -252px no-repeat;
			}
			.button.cc_visaamex:hover span {
				background: url(/images/credit-cards.png) 0 -252px no-repeat;
			}
			
			/* visa */
			.button.cc_visa {
				background: url(/images/credit-cards.png) right -288px no-repeat;
			}
			.button.cc_visa span {
				padding-left: 42px;
				background: url(/images/credit-cards.png) 0 -288px no-repeat;
			}
			.button.cc_visa:hover {
				background: url(/images/credit-cards.png) right -324px no-repeat;
			}
			.button.cc_visa:hover span {
				background: url(/images/credit-cards.png) 0 -324px no-repeat;
			}
			
			/* mc */
			.button.cc_mc {
				background: url(/images/credit-cards.png) right -360px no-repeat;
			}
			.button.cc_mc span {
				padding-left: 42px;
				background: url(/images/credit-cards.png) 0 -360px no-repeat;
			}
			.button.cc_mc:hover {
				background: url(/images/credit-cards.png) right -396px no-repeat;
			}
			.button.cc_mc:hover span {
				background: url(/images/credit-cards.png) 0 -396px no-repeat;
			}
			
			/* amex */
			.button.cc_amex {
				background: url(/images/credit-cards.png) right -432px no-repeat;
			}
			.button.cc_amex span {
				padding-left: 42px;
				background: url(/images/credit-cards.png) 0 -432px no-repeat;
			}
			.button.cc_amex:hover {
				background: url(/images/credit-cards.png) right -468px no-repeat;
			}
			.button.cc_amex:hover span {
				background: url(/images/credit-cards.png) 0 -468px no-repeat;
			}

			/* cheque */
			.button.cheque {
				background: url(/images/credit-cards.png) right -504px no-repeat;
			}
			.button.cheque span {
				padding-left: 42px;
				background: url(/images/credit-cards.png) 0 -504px no-repeat;
			}
			.button.cheque:hover {
				background: url(/images/credit-cards.png) right -540px no-repeat;
			}
			.button.cheque:hover span {
				background: url(/images/credit-cards.png) 0 -540px no-repeat;
			}

		/* dropwdown button */
		.button-panel .dropdown-button {
			display: block;
			cursor: pointer;
			position: relative;
			top: 0px;
			float: left;
			height: 36px;
			line-height: 32px;
			padding-right: 35px;
			background: url(/cloverdale/images/application.png) right -111px no-repeat;
			text-decoration: none;
			color: #555;
			font-weight: bold;
			font-size: 14px;
			font-family: Arial, Helvetica, sans-serif;
		}
		.button-panel .dropdown-button span {
			display: block;
			height: 36px;
			background: url(/cloverdale/images/application.png) -520px -111px no-repeat;
			padding-left: 13px;
			cursor: pointer;
		}
		
		.button-panel .dropdown-button ul { display: block;}
		.button-panel .dropdown-button ul {
			display: none;
			list-style: none;
			padding: 0;
			margin: 0;
			z-index: 9999;
			position: absolute;
			left: 0px;
			top: 29px;
			font-size: 12px;
			font-family: Verdana;
			background: #f9f9f9 url("/images/dhtmlx/background.gif");
			border: solid 1px #bdbdbd;
			width: 97.5%;
			-webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.15);
		   	-moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.15);
		   	box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.15);
		}
		.button-panel .dropdown-button li a {
			display: block;
			text-decoration: none;
			line-height: 22px;
			padding: 0 0 0 13px;
			margin: 0;
			color: #3b3b3b;
		}
		.button-panel .dropdown-button li a:hover {
			background-color: #3399ff;
			color: #ffffff;
		}
		.button-panel .dropdown-button.show-menu {
			background: url(/images/application.png) right -147px no-repeat;
		}
		.button-panel .dropdown-button:hover span,
		.button-panel .dropdown-button.show-menu span {
			color: #000;
			background: url(/images/application.png) -520px -147px no-repeat;
		}
		.button-panel .dropdown-button.show-menu ul { display: block;}
		.button-panel .dropdown-button.send-invoice ul,
		.button-panel .dropdown-button.send-estimate ul {
			width: 160%;
		}


/* New button next to page titles */
.new { float: left; }
a.butPrimary {
	display: block;
	float: left;
	height: 36px;
	line-height: 32px;
	padding-right: 15px;
	background: url(/cloverdale/images/application.png) right 0px no-repeat;
	text-decoration: none;
	color: #4b4b4b;
	font-weight: bold;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	position: relative;
	top: 8px;
}
a.butPrimary span {
	display: block;
	height: 36px;
	background: url(/cloverdale/images/application.png) -583px 0px no-repeat;
	padding-left: 35px;
	cursor: pointer;
}
a.butPrimary:hover {
	color: #6bb11f;
	background: url(/cloverdale/images/application.png) right -36px no-repeat;
}
a.butPrimary:hover span {
	background: url(/cloverdale/images/application.png) -583px -36px no-repeat;
}

/* import version of new button */
a.butPrimary.convert {
	background: url(/images/application.png) right -184px no-repeat;
	padding-right: 15px;
}
a.butPrimary.convert span {
	padding-left: 35px;
	background: url(/images/application.png) -520px -184px no-repeat;
}
a.butPrimary.convert:hover {
	color: #399ace;
	background: url(/images/application.png) right -220px no-repeat;
}
a.butPrimary.convert:hover span {
	background: url(/images/application.png) -520px -220px no-repeat;
}


/* Blank button */
a.button.empty {
	display: block;
	float: left;
	height: 36px;
	line-height: 32px;
	padding-right: 13px;
	background: url(/images/application.png) right -73px no-repeat;
	text-decoration: none;
	color: #4b4b4b;
	font-weight: bold;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
}
a.button.empty span {
	display: block;
	height: 36px;
	background: url(/images/application.png) -520px -73px no-repeat;
	padding-left: 13px;
	padding-right: 2px;
	cursor: pointer;
}
a.button.empty:hover {
	color: #399ace;
}

.button_red {
	background: url('/images/buttons/red-right.png') no-repeat right top;
	padding-right: 6px;
	float: left;
}
.button_red a {
	font: bold 14px/27px Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
	background-color: transparent;
	display: block;
	padding: 0 14px 3px 20px;
	background: url('/images/buttons/red-left.png') no-repeat left top;
	text-shadow: rgba(0, 0, 0, 0.35) 1px 1px 1px;
}
.button_red:hover { background-position: right -30px; }
.button_red:hover a { background-position: left -30px; }

.button_grey {
	background: url('/images/buttons/grey-right.png') no-repeat right top;
	padding-right: 6px;
	float: left;
}
.button_grey a {
	font: bold 14px/27px Arial, Helvetica, sans-serif;
	color: #eaeaea;
	text-decoration: none;
	background-color: transparent;
	display: block;
	padding: 0 14px 3px 20px;
	background: url('/images/buttons/grey-left.png') no-repeat left top;
	text-shadow: rgba(0, 0, 0, 0.2) 1px 1px 1px;
}

a.but_green:link, a.but_green:active, a.but_green:visited {
	background: url(/images/buttons/green-right.gif) no-repeat right top;
	font: bold 14px/26px Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
	display: block;
	float: left;
	padding-right: 4px;
}
a.but_green span {
	background: url(/images/buttons/green-left.gif) no-repeat left top;
	display: block;
	float: left;
	padding: 0 12px 0 16px;
}


.arrow_green {
	background: url(/images/buttons/green-arrow-right.png) no-repeat right top;
	font: bold 12px/19px Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
	display: block;
	float: left;
	padding-right: 8px;
}
.arrow_green span {
	background: url(/images/buttons/green-arrow-left.png) no-repeat left top;
	display: block;
	float: left;
	padding: 0 8px 0 38px;
	height: 24px;
}


a.action_buttons:link, a.action_buttons:visited, a.action_buttons:active {
	background: url('/images/application.png') -20px 0 no-repeat;
	font-size: 11px;
  	text-decoration: none;
	line-height: 20px;
	color: #3d3c3c;
  	display: inline-block;
	height: 20px;
	border-top: solid 1px #b0b0b0;
	border-bottom: solid 1px #b0b0b0;
	margin: 0 1px;
}
a.action_buttons span {
	display: inline-block;
	height: 20px;
	border-left: solid 1px #b0b0b0;
	border-right: solid 1px #b0b0b0;
	margin: 0 -1px;
	padding: 0 5px;
}
a.action_buttons:hover {
	background: url('/images/application.png') -20px -20px no-repeat;
  	color: #fff;
	border-top: solid 1px #777;
	border-bottom: solid 1px #777;
}
a.action_buttons span:hover {
	border-left: solid 1px #777;
	border-right: solid 1px #777;
}

.arrow_yellow_bg {
	background: url('/images/buttons/yellow-arrow-bg.gif');
	width: 575px;
	height: 34px;
	padding-top: 11px;
}

/* green loading button */
.green_loading {
	background: url('/images/buttons/blank.png');
	width: 50px;
	height: 21px;
	padding-top: 2px;
	text-align: center;
}



/*
 * 		13. LISTS
 * ============================================================
 */
ul, ol {
	margin-top: 8px;
}

ul.nopad {
	padding-left: 0;
	margin-left: 0;
}
ul.list_pad_l18 {
	padding-left: 18px;
	margin-left: 0;
}
ul.arrow_grey li {
	list-style: none;
	background-image: url(/images/arrow-grey.gif);
	background-position: 0 5px;
	background-repeat: no-repeat;
	padding-left: 15px;
	padding-bottom: 10px;
}

ul.list_hearts {
	list-style: none;
	padding-left: 0;
	margin-left: 0;
}
ul.list_hearts li {
	background-image: url(/images/bullet-heart.gif);
	background-repeat: no-repeat;
	background-position: 0 2px;
	padding-left: 30px;
	margin: 5px 0;
}

ul.list_arrow_blue {
	padding-left: 20px;
}
ul.list_arrow_blue li {
	background: url(/images/icons/arrow-blue.png) no-repeat 0 2px;
	list-style: none;
	padding-left: 20px;
	line-height: 20px;
}
.currency-totals {
	list-style: none;
	font-size: 22px;
	font-family: Arial, sans-serif;
	line-height: 30px;
}

/*
 * 		14. PAGE SPECIFIC
 * ============================================================
 */

/* systalk post signup billing method */
div.billmeth_pop {
	float: left;
	width: 245px;
	margin: 0 10px 20px 0;
}

/* homepage notifications box */
div.home_notif {
	background-image: url(/images/icons/envelope.gif);
	background-repeat: no-repeat;
	background-position: 13px 10px;
	padding-left: 70px;
}


/* show project */
.units_hrs_big { font-size: 0.7em; margin-left: 1px; }
.units_hrs_small { font-size: 0.8em; margin-left: 1px; }
.project-summary .amount {
	margin-top: 4px;
}
.project-summary .amount .project-progress {
	margin-top: 7px;
}

/* project budget progress */
.ui-progressbar,
.project-progress {
	height: 12px;
	border: 1px solid #c7c7c7;
	background: url(/images/projects/progress_bars.png) 0px -13px repeat-x;
	width: 75px;
	font-size: 9px;
	line-height: 12px;
	color: #fff;
	float: right;
	cursor: pointer;
	position: relative;
}
.ui-progressbar {
	width: auto;
	float: none;
}
.index .project-progress {
	margin-top: 2px;
}
.ui-progressbar-value,
.project-progress .on-budget,
.project-progress .over-budget,
.project-progress .no-budget,
.project-progress .threshold,
.project-progress .progress {
	height: 12px;
	background-image: url(/images/projects/progress_bars.png); 
	background-repeat: repeat-x;
}
.project-progress .no-budget {
	background-position: 0px -13px;
	color: #888;
	text-align: center;
}
.project-progress .no-budget:hover {
	color: #777;
	text-shadow: 0px 1px #ccc;
	-webkit-text-shadow: 0px 1px #ccc;
	-moz-text-shadow: 0px 1px #ccc;
}
.project-progress .on-budget {
	background-position: 0px -26px;
	text-shadow: 1px 1px #046ab2;
	-webkit-text-shadow: 1px 1px #046ab2;
	-moz-text-shadow: 1px 1px #046ab2;
}
.project-progress .over-budget {
	background-position: 0px -39px;
	text-shadow: 1px 1px #ab1d19;
	-webkit-text-shadow: 1px 1px #ab1d19;
	-moz-text-shadow: 1px 1px #ab1d19;
	text-align: center;
}
.project-progress .threshold {
	background-position: 0px -52px;
}
.project-progress .lock {
	position: absolute;
	left: 50%;
	margin-left: -6px;
	top: 0px;
}
.sidebar-budget .project-progress {
	width: 100%;
	float: none;
}

.index tr.edit-open td {
	padding-bottom: 130px;
	background: #e5f5ff;
}

.project-budget .locked {
    cursor: default;
}

.project-budget-panel {
	position: absolute;
	top: 24px;
	right: -37px;
}
* + html .project-budget-panel {
	top: 10px;
}

.project-summary .project-budget-panel {
	position: relative;
	top: -13px;
	left: -238px;
	margin-bottom: 25px;
	text-align: left;
}
.sidebar-budget .project-budget-panel {
	top: 25px;
	right: -3px;
}

/* update project */
.project_task_row, .project_user_row { border-bottom: 1px dotted #eee; height: 18px; padding: 5px }
.task_rate,  .user_rate, .task_billable { float:left; text-align: left; }
.task_billable, .task_rate { margin-top: 2px }
.task_rate,   .user_rate { display: none }
.task_remove, .user_remove { float:left; margin-right: 10px; cursor: pointer }
.task_name,   .user_name { float: left; width: 320px; }
.task_rate {
	float: left;
	width: 160px;
}
.task_rate_entry_col {
	float: left;
	width: 160px;
}
.task_rate_entry_col input {
	margin-top: -3px;
}
.assign_title { width:166px; font-weight:bold; float:left; margin: 2px 4px 0 0; text-align:right }
.assign_dropdown_container { background-color: #f8f8f8; padding: 10px; margin: 10px 0 0 0 }
.assign_select { width: 200px }
.none_assigned { text-align:center;padding: 10px 0; font-style:italic; display: none }
.highlighted_row { background-color: #ff9 }
#task_form, #contractor_form, #staff_form { margin-top: 15px; }
#remove_all_tasks, #remove_all_users { display: none }

/* settings and account wizard */
#wiz {
	margin: 15px auto 20px;
	padding: 0;
	display: table;
}
#wiz li {
	list-style: none;
	display: block;
	float: left;
	height: 39px;
}
#wiz a {
	background: url(/cloverdale/images/application.png) 0 -50px;
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #777;
	text-decoration: none;
	line-height: 39px;
	display: block;
	float: left;
	height: 39px;
	padding: 0 0 0 4px;

}
#wiz a:hover {
	color: #6bb11f;
}
#wiz a.on, #wiz a.on:hover {
	background-position: 0 -90px;
	color: #fff;
}
.wiz_left, .wiz_right {	background: url(/cloverdale/images/application.png) -85px -130px;	width: 35px; }
.wiz_left {	margin-left: -16px; }
.wiz_right { margin-right: -16px; }
.wiz_right { background: url(/cloverdale/images/application.png) -170px -130px; }
.wiz_arrow { background: url(/cloverdale/images/application.png) 0 -130px;	width: 20px; }
.wiz_arrow.wiz_on_right { background: url(/cloverdale/images/application.png) -25px -130px; }
.wiz_arrow.wiz_on_left { background: url(/cloverdale/images/application.png) -50px -130px; }
.wiz_end_on_left { background: url(/cloverdale/images/application.png) -125px -130px; }
.wiz_end_on_right {	background: url(/cloverdale/images/application.png) -210px -130px; }


/* branding */
.colour_selector_box {
	background-image: url(/images/colorpicker/select_box.gif);
	width: 42px;
	height: 42px;
	cursor: pointer;
}
	/* live preview */
	#colours_preview .preset_border {
		width: 180px;
	}
	#colours_preview .preset_tabmain {
		font: bold 16px/18px Arial, Helvetica, sans-serif;
		width: 180px;
	}
	#colours_preview .preset_bg {
		padding: 10px 0 0 5px;
		height: 53px;
	}
	#colours_preview .preset_nav, #colours_preview .preset_nav2 {
		padding: 4px 0;
	}
	#colours_preview .preset_nav {
		width: 66px;
		top: 36px;
	}
	#colours_preview .preset_tab2 {
		left: 78px;
	}


	/* branding presets */
	.preset_border {
		border: 3px solid #ddd;
		margin-bottom: 2px;
	}
	.preset_border_over {
		border-color: #ebb552;
	}
	.colours_preset {
		text-align: center;
		float: left;
		margin: 0;
		cursor: pointer;
		padding: 0 8px 15px 0;
	}
	.preset_tabmain {
		font: normal 11px/14px Arial, Helvetica, sans-serif;
		text-align: left;
		width: 88px;
		position: relative;
	}
	.preset_bg {
		color: #fff;
		padding: 3px 0 0;
		height: 34px;
	}
	.preset_nav, .preset_nav2 {
		padding: 1px 0;
		text-align: center;
	}
	.preset_nav {
		color: #fff;
		width: 38px;
		margin-right: 0px;
		float: left;
		border: 1px solid #fff;
		position: absolute;
		top: 20px;
	}
	.preset_nav2 {
		border-top: 1px solid #fff;
	}
	.preset_tab1 {
		color: #000;
		margin-left: 3px;
	}
	.preset_tab2 {
		left: 46px;
	}
	.preset_area1 {
		padding-left: 3px;
	}


/* super admin add note */
.admin_note {
	border-top: 1px solid #add982;
	padding: 5px 0;
	position: relative;
	clear: both;
}
.admin_note_auth {
	font-weight: bold;
	float: left;
	width: 130px;
}
.admin_note_date {
	font-weight: normal;
	font-size: 11px;
	font-style: italic;
	color: #6c7f59;
}
.admin_note_msg {
	float: right;
	width: 600px;
}
.admin_note_links {
	font-size: 11px;
	line-height: 8px;
	padding: 8px;
	padding-right: 13px;
	position: absolute;
	left: -110px;
	display: none;
}

/* homepage */
.home_contactadmin {
	background: url(/images/icons/question-small-white.gif) no-repeat;
	padding-left: 30px;
	height: 28px;
	line-height: 26px;
	margin: 0;
}
table.recentTable td {
	padding: 4px;
	border-top: 1px solid #ddd;
}

#project-dashboard h3,
table.recentTable th {
	background-color: #f2f2f2;
	padding: 4px 5px 2px;
	font: bold 11px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #999;
}
.recentLinks {
	font-family: Verdana, sans-serif;
	font-size: 10px;
	font-weight: normal;
}
.recentLinks a:link, .recentLinks a:visited {
	color: #00F;
	text-decoration: none;
}
.recentLinks a:hover, .recentLinks a:active {
	background-color: #00F;
	color: #FFF;
	text-decoration: none;
}

.home_stats {
	font-size: 11px;
}
	.home_stats div.currency {
		background-color: #f4f4f4;
		padding-left: 75px;
		text-align: center;
	}
	.home_stats div.row_head {
		background-color: #f4f4f4;
		padding-bottom: 3px;
	}
	.home_stats div.home_stats_leftcol {
		float: left;
		width: 75px;
	}
		.home_stats div.home_stats_leftcol div {
			padding-left: 2px;
		}
	.home_stats ul {
		float: left;
		margin: 0;
		padding: 0;
	}
		.home_stats ul li {
			list-style: none;
			float: left;
			text-align: right;
		}

#homestats_inv ul {
	font-size: 10px;
	margin: 0;
	padding: 0;
}
	#homestats_inv ul li {
		list-style: none;
		float: left;
		display: block;
		margin-right: 1px;
	}
		#homestats_inv ul li a {
			background-color: #fafafa;
			color: #bbb;
			text-decoration: none;
			display: block;
			padding: 1px 6px;
		}
		#homestats_inv ul li a:hover {
			color: #333;
			background: #eee none;
		}
		#homestats_inv ul li a.selected {
			background-image: none;
			color: #000;
			background-color: #eee;
			outline: 0 !important;
		}
#homestats_inv .currency_table {
	clear: both;
}
		
/* get more from freshbooks sidebar box */
#get_more_title {
	background: url('/images/homepage/get-more-bg.gif') 0 0 no-repeat;
	font: bold 18px/18px Arial, Helvetica, sans-serif;
	padding: 12px 0 0 55px;
	height: 58px;
}
#get_more_items {
	background-color: #f5f5f5;
	padding: 0 10px;
}
	#get_more_items a {
		display: block;
		height: 35px;
		font-size: 11px;
		color: #000;
		text-decoration: none;
		line-height: 32px;
		padding: 5px;
	}
	#get_more_items a:hover {
		background: transparent url('/images/homepage/item-on.gif');
	}
	#get_more_items a img {
		border: 1px solid #d0d0d0;
		float: left;
		margin-right: 8px;
	}
	#get_more_items a:hover img {
		border-color: #aaa;
	}
	#get_more_items a.get_more_close {
		background: url('/images/icons/close-grey.gif') 0 1px no-repeat;
		color: #00f;
		text-decoration: underline;
		line-height: normal;
		float: right;
		height: 16px;
		clear: both;
		margin: 10px 0 10px 10px;
		padding: 0 0 0 16px;
	}
	#get_more_items a.get_more_close:hover {
		background: url('/images/icons/close-grey-on.gif') 0 1px no-repeat;
		color: #00f;
		text-decoration: none;
	}

/* project dashboard */
#toggle-project-dashboard {
	text-align: center;
	padding: 10px 0 0 0;
}
#toggle-project-dashboard a {
	font-size: 11px;
	color: #999;
	background-color: #fff;
	text-decoration: underline;
}
/* short table toggle */
a.short-table-toggle:hover {
	text-decoration: underline;
	background-color: #fff;
	color: #00f;
}

/* show invoice/estimate */
.invoice-container {
	position: relative;
	clear: both;
	border: solid 1px #e1e1e1;
	padding: 54px 40px 72px 40px;
	-webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.15);
   	-moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.15);
   	box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.15);
	z-index: 0;
}

.invoice-container .status-draft,
.invoice-container .status-sent,
.invoice-container .status-viewed,
.invoice-container .status-disputed,
.invoice-container .status-paid,
.invoice-container .status-partial,
.invoice-container .status-pending,
.invoice-container .status-declined,
.invoice-container .status-auto-paid,
.invoice-container .status-retry,
.invoice-container .status-failed,
.invoice-container .status-replied,
.invoice-container .status-accepted,
.invoice-container .status-invoiced,
.invoice-container .status-outstanding,
.invoice-container .status-open {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 128px;
	width: 128px;
	z-index: 2;
}
	.invoice-container .tooble {
		position: absolute;
		left: 38px;
		top: 70px;
		display: none;
		z-index: 3;
		-webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.15);
	   	-moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.15);
	   	box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.15);
	}
	.invoice-container .status-draft:hover .tooble,
	.invoice-container .status-sent:hover .tooble,
	.invoice-container .status-viewed:hover .tooble,
	.invoice-container .status-disputed:hover .tooble,
	.invoice-container .status-paid:hover .tooble,
	.invoice-container .status-partial:hover .tooble,
	.invoice-container .status-pending:hover .tooble,
	.invoice-container .status-declined:hover .tooble,
	.invoice-container .status-auto-paid:hover .tooble,
	.invoice-container .status-retry:hover .tooble,
	.invoice-container .status-failed:hover .tooble,
	.invoice-container .status-replied:hover .tooble,
	.invoice-container .status-accepted:hover .tooble,
	.invoice-container .status-invoiced:hover .tooble,
	.invoice-container .status-open:hover .tooble {
		display: block;
	}
	.invoice-container .status-draft:hover .tooble span,
	.invoice-container .status-sent:hover .tooble span,
	.invoice-container .status-viewed:hover .tooble span,
	.invoice-container .status-disputed:hover .tooble span,
	.invoice-container .status-paid:hover .tooble span,
	.invoice-container .status-partial:hover .tooble span,
	.invoice-container .status-pending:hover .tooble span,
	.invoice-container .status-declined:hover .tooble span,
	.invoice-container .status-auto-paid:hover .tooble span,
	.invoice-container .status-retry:hover .tooble span,
	.invoice-container .status-failed:hover .tooble span,
	.invoice-container .status-replied:hover .tooble span,
	.invoice-container .status-accepted:hover .tooble span,
	.invoice-container .status-invoiced:hover .tooble span,
	.invoice-container .status-open:hover .tooble span {
		display: block;
		clear: right;
	}
	.invoice-container .status-draft { background: url("/cloverdale/images/status/banner-draft.gif") top left no-repeat; }
	.invoice-container .status-sent { background: url("/images/status/banner-sent.gif") top left no-repeat; }
	.invoice-container .status-viewed { background: url("/images/status/banner-viewed.gif") top left no-repeat; }
	.invoice-container .status-disputed { background: url("/images/status/banner-disputed.gif") top left no-repeat; }
	.invoice-container .status-paid { background: url("/images/status/banner-paid.gif") top left no-repeat; }
	.invoice-container .status-partial { background: url("/images/status/banner-partial.gif") top left no-repeat; }
	.invoice-container .status-pending { background: url("/images/status/banner-pending.gif") top left no-repeat; }
	.invoice-container .status-declined { background: url("/images/status/banner-declined.gif") top left no-repeat; }
	.invoice-container .status-auto-paid { background: url("/images/status/banner-auto-paid.gif") top left no-repeat; }
	.invoice-container .status-retry { background: url("/images/status/banner-retry.gif") top left no-repeat; }
	.invoice-container .status-failed { background: url("/images/status/banner-failed.gif") top left no-repeat; }
	.invoice-container .status-replied { background: url("/images/status/banner-replied.gif") top left no-repeat; }
	.invoice-container .status-accepted { background: url("/images/status/banner-accepted.gif") top left no-repeat; }
	.invoice-container .status-invoiced { background: url("/images/status/banner-invoiced.gif") top left no-repeat; }
	.invoice-container .status-outstanding { background: url("/images/status/banner-outstanding.gif") top left no-repeat; }
	.invoice-container .status-open { background: url("/images/status/banner-open.gif") top left no-repeat; }

/* Invoice/Estimate history */
#invoice-history {
	margin-top: 15px;
	border: 1px solid #e6e6e6;
}
#invoice-history .header {
	background: #DFDFDF;
	text-align: center;
	position: relative;
	width: 100%; /* hasLayout */
	z-index: 100;
}
#invoice-history .history-log li.first {
	background: url(/images/invoice/history/history-arrow.png) top center no-repeat;
	border-top: 0;
}
#invoice-history .header h3 {
	margin: 0;
}
#invoice-history .history-log {
	background: #f5f5f5;
	margin: 0;
	list-style: none;
	padding: 0;
	position: relative;
}
#invoice-history .history-log li {
	padding: 10px 0;
	border-top: 1px solid #e6e6e6;
	position: relative;
	width: 100%; /* hasLayout */
}
#invoice-history .history-log li:hover {
	background-color: #e5f5ff;
}
#invoice-history .status {
	position: absolute;
	top: 10px;
	left: -8px;
	height: 26px;
	width: 84px;
}
#invoice-history .status span {
	display: block;
	height: 18px;
	padding: 8px 0 0 11px;
	font-size: 12px;
	color: #fff;
}
#invoice-history .status .accepted,
#invoice-history .status .paid,
#invoice-history .status .auto-paid {
	background: url(/images/invoice/history/labels-sprite.png) top left no-repeat;
	text-shadow: 1px 1px #67b60f;
}
#invoice-history .status .neutral,
#invoice-history .status .invoiced,
#invoice-history .status .retry,
#invoice-history .status .viewed,
#invoice-history .status .sent,
#invoice-history .status .draft {
	background: url(/images/invoice/history/labels-sprite.png) 0 -56px no-repeat;
	text-shadow: 1px 1px #606060;
}
#invoice-history .status .replied,
#invoice-history .status .declined,
#invoice-history .status .failed,
#invoice-history .status .disputed {
	text-shadow: 1px 1px #ab1f22;
	background: url(/images/invoice/history/labels-sprite.png) 0 -28px no-repeat;
}
#invoice-history .status .pending,
#invoice-history .status .partial {
	text-shadow: 1px 1px #d75927;
	background: url(/images/invoice/history/labels-sprite.png) 0 -84px no-repeat;
}
#invoice-history .content {
	padding-left: 85px;
	zoom: 1; /* hasLayout */
}
#invoice-history .content p {
	margin: 8px 0;
	width: 500px;
}
#invoice-history .no-results p {
	width: auto;
	padding: 12px 0;
	margin: 0;
}
#invoice-history .event-date {
	float: right;
	color: #9a9a9a;
	margin: 10px;
}

/* API CREDENTIALS */
.api_creds, .oauth_secret {
	float: left;
	padding: 10px 30px;
	border: 1px solid #ddd;
}

/* upgrade page */
.upgrade_box_arrow {
	background-image: url('/images/upgrade/upgrade-box-arrow.gif');
	background-repeat: no-repeat;
	padding: 15px;
	margin-bottom: 20px;
	height: 100px;
}
.upgrade_box_arrow.free {
	background-image: url('/images/upgrade/upgrade-box-arrow-free.gif');
}
	.upgrade_box_arrow .upgrade_info {
		float: left;
		width: 420px;
	}
	.upgrade_box_arrow #current_plan {
		float: left;
		width: 230px;
		padding-top: 25px;
	}
		.upgrade_box_arrow #current_plan strong {
			letter-spacing: -2px;
		}
	.upgrade_box_arrow .current_limits {
		float: left;
		width: 190px;
		padding-top: 7px;
	}
#total_box {
 	width: 300px;
	padding: 10px;
}
#total_box #package_name {
	font-weight: bold;
	color: #558c07;
}
#total_box_total td {
	border-top: 1px solid #d9d0b6;
	padding-top: 6px;
}
#total_box_base td {
	padding-top: 5px;
}


/* edit emails lightbox */
#edit_email_tabs {
	background: url('/images/edit-emails/tab-bg.gif') repeat-x;
	height: 35px;
	margin-bottom: 30px;
}
	#edit_email_tabs ul {
		margin: 0;
		padding: 6px 0 0 20px;
	}
		#edit_email_tabs ul li {
			list-style: none;
			float: left;
		}
			#edit_email_tabs ul li a {
				background-color: #fff;
				font: bold 14px Arial, Helvetica, sans-serif;
				color: #555;
				text-decoration: none;
				text-align: center;
				border: 1px solid #e5e5e5;
				border-bottom: 0;
				display: block;
				width: 125px;
				padding: 5px 0 6px;
				margin-right: 5px;
			}
			#edit_email_tabs ul li a:hover {
				text-decoration: underline;
			}
			#edit_email_tabs ul li a.on {
				background: url('/images/edit-emails/tab-on.gif') no-repeat;
				color: #fff;
				height: 37px;
				border: 0;
				margin: 1px 6px 0 1px;
			}
#edit_email_preview {
}
	#edit_email_preview .top {
		background: url('/images/edit-emails/email-client-top.gif') no-repeat !important;
		font: normal 12px/15px Arial, Helvetica, sans-serif;
		height: 72px;
		padding: 88px 0 0 78px;
	}
	#edit_email_preview_body {
		background: url('/images/edit-emails/email-client-tile.gif');
		font: normal 12px/15px Arial, Helvetica, sans-serif;
		padding: 5px 30px 5px 20px;
		clear: both;
	}
	#edit_email_preview .bottom {
		background: url('/images/edit-emails/email-client-bot.gif') no-repeat !important;
		padding: 58px 0 20px;
	}


/* app store */
.app_store_beta {
	background: url('/images/app-store/headline-beta.gif') no-repeat;
	height: 110px;
	margin-bottom: 20px;
	padding: 20px;
}
.app_store_beta p {
	padding: 40px 40px 0 110px;	
}
.store_summary {
	background: #666 url('/images/client/shadow.png') no-repeat bottom;
	padding: 10px 10px 20px;
	color: #ddd;
}
.store_summary h3 {
	color: #999;
	font-size: 22px;
	font-weight: normal;
	text-shadow: -1px -1px #555;
}
.store_summary table {
	font-size: 11px;
	line-height: 14px;
}
.store_summary table td {
	padding: 4px 0;
	vertical-align: top;
}
.store_summary table td.row_total {
	text-align: right;
	padding-left: 10px;
}
.store_summary table td.rule {
	border-bottom: 1px solid #474747;
	padding: 0;
	height: 6px;
	overflow: hidden;
}
.store_summary table tr.total td {
	border-top: 1px solid #949494;
	padding: 7px 0;
	vertical-align: middle;
}
#complete_purchase h3 {
	font-size: 20px;
	margin-bottom: 2px;
}
#complete_purchase .author {
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #999;
	margin-bottom: 20px;
}
#complete_purchase .logo {
	background-color: #fff;
	border: 1px solid #e5e5e5;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	width: 98px;
	text-align: center;
	padding: 10px;
	float: right;
	margin: 0 0 20px 20px;
}
#app-eula-wrapper .app-eula-text {
	overflow: auto;
	border: 1px solid #CCCCCC;
	display: none;
	height: 200px;
	padding: 10px;
	margin: 0 0 40px;
}
#app-eula-wrapper .app-eula-text h1 {
	font-size: 16px;
	text-align: left;
	margin-bottom: 18px;
}



.embed_title {
	padding: 0 48px 5px 0;
}
	.embed_title span {
		float: right;
	}

#import_expense_link {
	float: left;
	padding: 14px 0 0 8px;
}


.gadget_list {
	background: #666 url('/images/highrise-import/client-list-top.gif') no-repeat;
	width: 440px;
	margin: 3px 0 0;
	color: #d8d8d8;
}
.gadget_list .gadget_list_inner {
	background: url('/images/highrise-import/client-list-bottom.gif') bottom no-repeat;
	padding: 10px 20px;
}


/* Paypal adaptive payments box */
#paypal_adaptive_box {
	background-color: #fff4d6;
	padding: 20px 0px 20px 20px;
	margin: 0 0 20px;
}
	#paypal_adaptive_box h3 {
		font-size: 22px;
		margin-bottom: 15px;
	}
		#paypal_adaptive_box h3 img {
			vertical-align: top;
			margin-top: -1px;
		}
		#paypal_adaptive_box h3 .example {
			vertical-align: middle;
			padding-left: 20px;
			font-weight: normal;
		}

/* Paypal b2b help me choose dialog */
#paypal-adaptive-pricing-help .help_box {
	width: auto;
	float:none;
	border: 1px solid #ece3d3;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	margin-bottom: 20px;
}
#paypal-adaptive-pricing-help th {
	font-weight: bold;
}
#paypal-adaptive-pricing-help th {
	font-weight: bold;
}
#paypal-adaptive-pricing-help .paypal-help {
	text-align: center;
}
#paypal-adaptive-pricing-help .help_box {
	padding-left: 70px;
	margin-left: 130px;
}
#paypal-adaptive-pricing-help .help_box p {
	width: 45%;
	float: left;
	position: relative;
	padding: 0 2.5%;
	margin: 0;
}
#paypal-adaptive-pricing-help .help_box img {
	position: absolute;
	bottom: -29px;
	left: 50%;
	margin-left: -13px;
}

.paypal-help td,
.paypal-help th {
	border-bottom: 1px solid #e2e2e2;
}
.paypal-help .even {
	background-color: #f9f9f9;
}
.paypal-help th,
.paypal-help td {
	padding: 10px;
}
.paypal-help .first-col {
	width: 160px;
	text-align: left;
	padding-right: 50px;
}
.paypal-help ol {
	color: #b3b3b3;
	text-align: left;
	margin-left: 0px;
	color: #b3b3b3;
	list-style-position: inside;
}
.paypal-help ol li span {
	color: #000;
}
#paypal-adaptive-pricing-help .buttons {
	margin-left: 35%;
	height: 36px;
}
#paypal-adaptive-pricing-help .button {
	padding-right: 60px;
}
#paypal-adaptive-pricing-help .button span {
	padding-left: 60px;
}

/* sneaky footnotes on the table */
.footnotes li,
.footnotes a {
	font-size: 9px;
	line-height: 12px;
	color: #b3b3b3;
}
#paypal-adaptive-pricing-help .footnote-bullet {
	color: #b3b3b3;
	vertical-align: super;
	font-size: 9px;
}
.footnotes {
	list-style: none;
	margin: 0;
	padding: 0;
}
.footnotes li {
	list-style: none;
	margin: 0;
}


/* PayPal in Online Payment list */
.invoice_gateway_list {
	padding: 2px 0 2px 4px;	
}
.invoice_gateway_list.paypal_checked {
	background-color: #dfdfdf;
}
	.invoice_gateway_list img {
		vertical-align: middle;
	}
#paypal_fee_type_options {
	background: #f4f4f4 url('/images/paypal/options-arrow.gif') center top no-repeat;
	padding: 8px 0 10px 5px;
	font-size: 11px;
}
	#paypal_fee_type_options label {
		line-height: 14px;
	}
	#paypal_fee_type_options input {
		margin: 0;
		padding: 0;
	}

/*
 * 		15. ACTION BAR
 * ============================================================
 */

.action-bar {
	border-top: 1px solid #e3e3e3;
	background-color: #f6f6f6;
	background-image: url("/cloverdale/images/actionbar/background.gif");
	background-repeat: repeat-x;
	background-position: bottom;
}

.actions {
	font-size: 12px;
	line-height: 24px;
	background-image: url(/cloverdale/images/actionbar/arrow.gif);
	background-repeat: no-repeat;
	background-position: 15px 15px;
	clear: both;
	padding: 0px 5px;
	height: 36px;
}

.actions div.search {
	float: right;
	border: 0;
	padding-top: 6px;
}

.actions ul {
  	margin: 0;
  	padding: 0 0 0 30px;
}

.actions li {
  	list-style: none;
	float: left;
}

.actions li span {
	display: inline-block;
	height: 20px;
	margin: 7px 5px 0 0;
	border-top: solid 1px #b0b0b0;
	border-bottom: solid 1px #b0b0b0;
}

.actions li span.action-spacer {
	display: block;
	width: 10px;
	border: none !important;
}

.actions li a:link, .actions li a:visited, .actions li a:active {
  	display: inline-block;
	border-left: solid 1px #b0b0b0;
	border-right: solid 1px #b0b0b0;
	margin: 0 -1px;
	height: 20px;
	line-height: 20px;
	padding: 0 5px;
	background: url(/cloverdale/images/application.png) -20px 0 no-repeat;
	font-size: 11px;
  	text-decoration: none;
	color: #3d3c3c;
}

.actions li a:hover {
  	text-decoration: none;
  	color: #ffffff;
	border-left: solid 1px #777777;
	border-right: solid 1px #777777;
	background-color: transparent;
	background: url(/cloverdale/images/application.png) -20px -20px no-repeat;
}

.actions li span:hover {
	border-top: solid 1px #777777;
	border-bottom: solid 1px #777777;
}

.action-bar .newTable {
	margin-top: 10px;
}





/*
 * 		16. FORMS
 * ============================================================
 */

.errorInput {
	background: #ffd3c7 url('/images/2ndSite/input-errorbg.gif') no-repeat;
	border: 1px solid #ef3f22 !important;
	outline: 0px !important;
}

 /* layouts */
.form-layout-left {
	text-align: right;
	padding-bottom: 14px;
	padding-right: 20px;
}
.form-layout-left label, .form-layout label {
	font-weight: bold;
}
.form-layout-right {
	text-align: left;
	padding-bottom: 14px;
}
.form-spacer {
	padding-bottom: 18px;
}


/* labels */
label {
	line-height: 20px;
}
label.no-pointer {
	cursor: default;
}
ul.permissions label {
	line-height: 22px;
}


/* spinner */
.spinner {
	background: url("/images/2ndSite/loading2.gif") center top no-repeat;
}
.spinner a { display: none !important; }


/* symbol that appears inside input boxes */
.input-symbol {
	color: #7c7c7c !important;
	position: absolute;
	margin-top: 2px;
	/* IE 6 styles */
}
.input-symbol-parent {
	padding-right: 17px;
	margin-right: -17px;
}
input.input-symbol-parent:focus + .input-symbol {
	color: #724000 !important;
}

/* required */
.required {
	background: url(/images/icons/required.png) right 2px no-repeat;
}
.required-standalone {
	background: url(/images/icons/required.png) 0px 2px no-repeat;
	display: inline-block;
	width: 10px;
	height: 18px;
}
/*
label.required {
	padding-right: 20px;
}
*/

/* forms */
select, input, textarea {
	font-family: Verdana, sans-serif;
	font-size: 12px;
	line-height: normal;
	padding: 3px;
	margin: 0px;
}
select {
	padding: 2px;
	background: #fff;
}
input[type="text"], input[type="password"], textarea, select {
	border-top: solid 1px #abadb3;
	border-right: solid 1px #dbdfe6;
	border-bottom: solid 1px #e3e9ef;
	border-left: solid 1px #e2e3ea;
}
input[type="text"]:hover, input[type="password"]:hover, textarea:hover, select:hover {
	border-top: solid 1px #5794bf;
	border-right: solid 1px #b7d5ea;
	border-bottom: solid 1px #c7e2f1;
	border-left: solid 1px #c5daed;
}
input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
	background-color: #fff8d5;
	border: solid 1px #ebb95b;
	outline: solid 1px #fad896;
	color: #000000;
}
select:hover {
	cursor: pointer;
}
input[type="checkbox"] {
	vertical-align: middle;
	margin: 0 2px 2px 0;
	padding: 0;
	cursor: pointer;
}
input[disabled] {
	cursor: default;
}

input[readonly] {
	cursor: default;
}
input.readonly {
	background-color: #f0f0f0 !important;
	border-top: solid 1px #abadb3 !important;
	border-right: solid 1px #dbdfe6 !important;
	border-bottom: solid 1px #e3e9ef !important;
	border-left: solid 1px #e2e3ea !important;
	outline: none !important;
}



/*
 * 		17. FOOTER
 * ============================================================
 */
#footer {
	background: url('/images/footer/shadow-tile.gif') repeat-x;
	font-size: 11px;
	text-align: center;
	padding: 50px 0 100px 0;
	margin: 0px 0 0;
}
	#footer .box {
		background: url('/images/footer/box-bg.gif');
		margin-right: 20px;
		float: left;
	}
	#footer .box.last {
		margin: 0;
	}
		#footer .box a.footer_box {
			background: url('/images/footer/icon-sprites.gif') no-repeat 7px 0;
			color: #4c4c4c;
			text-decoration: none;
			line-height: 14px;
			display: block;
			width: 115px;
			height: 40px;
			padding-top: 24px;
			padding-right: 10px;
			padding-left: 50px;
		}
		#footer .box a.footer_box:hover {
			background-position: 7px -64px;
			color: #00f;
			text-decoration: underline;
		}
		#footer .box a.footer_box:hover span {
			text-decoration: underline;
		}
		#footer .box a.footer_box.badge {
			padding-top: 10px;
			height: 54px;
		}
		#footer .box a.footer_box.tree {
			background-position: 7px -128px;
		}
		#footer .box a.footer_box.tree:hover {
			background-position: 7px -192px;
		}
		#footer .box a.footer_box.up_arrow {
			background-position: 1px -256px;
			padding-left: 37px;
			width: 128px;
		}
		#footer .box a.footer_box.up_arrow:hover {
			background-position: 1px -320px;
		}
		#footer .box a.footer_box.leaf {
			background-position: 7px -384px;
		}
		#footer .box a.footer_box.leaf:hover {
			background-position: 7px -448px;
		}
	#footer .fact {
		clear: both;
		text-align: center;
		padding-top: 10px;
	}
		#footer .fact .logo {
			margin: 0 1px -4px;
		}


/*
 * 		18. CONTROL BOX
 * ============================================================
 */
.bookcase-thin,
.bookcase {
	padding: 20px;
	background-color: #dfffbd;
	margin-bottom: 72px;
	min-height: 44px;
	position: relative;
}
.bookcase-thin {
	padding: 10px;
}

table .bookcase-thin,
table .bookcase { 
	margin-bottom: 0px; 
}
.relative-box .bookcase-thin {
	position: absolute;
}
.bookcase-thin .drawer-box,
.bookcase .drawer-box {
	color: #2e3721;
	margin-top: 9px;
}
.bookcase .drawer-box .drawer {
	padding: 2px 9px;
	margin-top: 2px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	cursor: pointer;
	background: #d1f6ab url("/images/controlbox/drawer-sprite.png") 0px 0px repeat-x;
	border: solid 1px #cdefa4;
}
.bookcase .drawer-box .drawer input {
	margin-top: -2px;
	margin-bottom: 0;
}
.bookcase .drawer-box .drawer.enabled,
.bookcase .drawer-box .drawer:hover { 
	background: #c4ec99 url("/images/controlbox/drawer-sprite.png") 0px -23px repeat-x;
	border: solid 1px #c5e797;
}
.bookcase .drawer-box .shadow {
	background: url("/images/controlbox/drawer-shadow-sprite.png") top left repeat-x;
	padding: 9px 10px;
}
.bookcase .drawer-box .left {
	float: left;
}
.bookcase .drawer-box .right {
	float: right;
}




/* loader */
.bookcase-thin.loading,
.bookcase.loading {
	background-image: url("/images/loading3.gif");
	background-position: center center;
	background-repeat: no-repeat;
}
.bookcase-thin.loading div,
.bookcase.loading div { display: none;}

.bookcase div.loading {
	background: url('/images/loading4.gif');
	width: 16px;
	height: 16px;
	position: absolute;
	right: 20px;
	top: 10px;
}
.index tbody tr:hover .bookcase div.loading {
	background-image: url('/images/loading5.gif');
}

/* overrides */
.bookcase.creditcard {
	padding-top: 12px;
	padding-bottom: 16px;
	background-color: #f1f1f1;
	border: solid 1px #d4d4d4;
}

.bookcase .edit-tax {
	width: 66px; 
	text-align: right; 
	padding: 1px; 
	font-style: italic; 
	font-size: 11px;
}

/* grey bookcase */
.bookcase.bookcase_grey {
	background-color: #f6f6f6;
}
.bookcase.bookcase_grey .drawer-box .drawer {
	background: url('/images/controlbox/drawer-sprite.png') 0px -46px repeat-x;
	border-color: #e0e0e0;
}
.bookcase.bookcase_grey .drawer-box .drawer.enabled,
.bookcase.bookcase_grey .drawer-box .drawer:hover {
	background-image: url('/images/controlbox/drawer-sprite.png') 0px -69px repeat-x;
	border-color: #d8d8d8;
}
.bookcase.bookcase_grey .drawer-box .shadow {
	background: url("/images/controlbox/drawer-shadow-sprite.png") 0px -124px repeat-x;
}

/* hover row */
.multi-edit tbody tr:hover .bookcase {
	background-color: #e4f4ff;
}
.multi-edit tbody tr:hover .bookcase .drawer-box .drawer {
	background: url('/images/controlbox/drawer-sprite.png') 0px -92px repeat-x;
	border-color: #cae0ef;
}
.multi-edit tbody tr:hover .bookcase .drawer-box .drawer.enabled,
.multi-edit tbody tr:hover .bookcase .drawer-box .drawer:hover { 
	background: url('/images/controlbox/drawer-sprite.png') 0px -115px repeat-x;
	border-color: #aecce0;
}
.multi-edit tbody tr:hover .bookcase .drawer-box .shadow {
	background: url("/images/controlbox/drawer-shadow-sprite.png") 0px -248px repeat-x;
}

/* inline client create/update */
#edit_client_box.bookcase .ribbon .holder {
	width: 476px;
}
#edit_client_box.bookcase .ribbon .wrapper-right {
	margin-left: 479px;
}

/* project budget panel */
.project-budget-panel {
	width: 329px;
}
.project-budget-panel div.ribbon .holder {
	width: 345px;
}
.project-budget-panel div.ribbon .wrapper-right {
	margin-left: 348px;
}





/*
 * 		19. SPREADSHEET
 * ============================================================
 */

/* ACTION BAR */
/* Action bar shown above the spreadsheet */
.actions.spreadsheet {
	background-image: none;
	float: left;
}
.actions.spreadsheet ul {
	padding-left: 0px; /* delete line reset */	
}
.actions.spreadsheet strong {
	float: left;
	line-height: 36px;
	padding: 0 20px 0 15px;
}
.actions.spreadsheet li a:link, 
.actions.spreadsheet li a:visited, 
.actions.spreadsheet li a:active {
	background: url("/images/application.png") 0px 0 no-repeat;
	padding-left: 23px;
}
.actions.spreadsheet li a:hover {
	background: url("/images/application.png") 0px -20px no-repeat;
}
.actions.spreadsheet li a.recalculate:link, 
.actions.spreadsheet li a.recalculate:visited, 
.actions.spreadsheet li a.recalculate:active {
	background-position: -205px 0;
}
.actions.spreadsheet li a.recalculate:hover {
	background-position: -205px -20px;
}
.actions.spreadsheet li a.no_icon:link, 
.actions.spreadsheet li a.no_icon:visited, 
.actions.spreadsheet li a.no_icon:active {
	background-position: -20px 0;
	padding-left: 5px;
}
.actions.spreadsheet li a.no_icon:hover {
	background-position: -20px -20px;
} 

.actions.spreadsheet li.dropdown-button {
	position: relative;
}
.actions.spreadsheet li.dropdown-button a:link,
.actions.spreadsheet li.dropdown-button a:visited,
.actions.spreadsheet li.dropdown-button a:active {
	padding-right: 0;
	outline: 0;
}
.actions.spreadsheet li.dropdown-button div {
	background: url('/images/application.png') -437px 0 no-repeat;
	float: right;
	width: 26px;
	height: 20px;
}
.actions.spreadsheet li.dropdown-button a:hover div {
	background: url('/images/application.png') -437px -20px no-repeat;
}
.actions.spreadsheet li.dropdown-button ul {
	display: none;
	list-style: none;
	padding: 0;
	margin: 0;
	z-index: 9999;
	position: absolute;
	left: -1px;
	top: 28px;
	font-size: 12px;
	font-family: Verdana;
	background: #f9f9f9 url("/images/dhtmlx/background.gif");
	border: solid 1px #bdbdbd;
	width: 140%;
	-webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.15);
   	-moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.15);
	box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.15);
}
.actions.spreadsheet .dropdown-button.show-menu ul {
	display: block !important;
}
.actions.spreadsheet .dropdown-button.show-menu ul li {
	float: none;
}
.actions.spreadsheet li.dropdown-button ul li a:link,
.actions.spreadsheet li.dropdown-button ul li a:visited,
.actions.spreadsheet li.dropdown-button ul li a:active {
	background-image: none;
	background-color: transparent;
	display: block;
	width: auto;
	padding: 0 0 0 10px;
	margin: 0;
	border: 0;
	color: #3b3b3b;
}
.actions.spreadsheet li.dropdown-button ul li a:hover {
	background-color: #3399ff;
	color: #fff;
}


/* SPREADSHEET LOADER */
/* This is the progress bar we show as the invoice items are created and populated on page load */
.loader {
	position: relative;
	height: 60px;
	border: solid 1px #cccccc;
	overflow: hidden;
}

.loader .progress { 
	position: absolute;
	background-color: #d4e8ff;
	height: 60px;
}

.loader .text {
	position: absolute;
	width: 100%;
	height: 60px;
	background: url("/images/loading-text.png") center center no-repeat;
}


/* ITEM LOADER */
/* Spinner when an item is selected and we are loading the content */
.loading {
	background: url("/images/loading2.gif") 4px 4px no-repeat;
}


/* SPREADSHEET TABLE */

table.spreadsheet {	
	border-spacing: 0;
	border-left: 1px solid #cccccc;
	width: 100%;
}
table.spreadsheet td {
	vertical-align: top;
	text-align: left;
	padding: 2px 6px 2px 0px;
	border-bottom: 1px solid #e5e5e5;
	border-right: 1px solid #cccccc;
}
table.spreadsheet th {
	/* dyanimc background */
	color: #fff;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 0;
	font-weight: bold;
	padding: 3px 5px;
	line-height: 18px;
	text-align: left;
}
table.spreadsheet th.last {
	border-right: 1px solid #ccc;
}
table.spreadsheet td:hover { background-color: #f9f9f9; }
table.spreadsheet td.total, 
td.total:hover { background-color: #f0f0f0;	padding-left: 0px; /* */ text-align: right; /* IE6 FIX */}
table.spreadsheet td.total input { background-color: #f0f0f0; }
table.spreadsheet td.total.cell-active:hover { background-color: #f0f0f0; }
table.spreadsheet .cell-active, 
table.spreadsheet .cell-active:hover { background-color: #fff8d5 !important; }

table.spreadsheet td.first-column {
	padding-left: 1px;
}
table.spreadsheet td.first-column input {
	width: 118px;
}
.new-line {
	text-align: center;
	background-color: #f0f0f0;
	border-left: solid 1px #cccccc;
	border-right: solid 1px #cccccc;
	font-size: 10px;
	line-height: 22px;
}
	
	/* LINE ACTIONS */
	/* Icons that popup and let you delete, move, and add a line */
	table.spreadsheet td.handle {
		cursor: move;
		padding: 0px;
		border-right: solid 1px #fff;	
	}
	table.spreadsheet td.handle div {
		position: absolute;
		height: 24px;
		width: 20px;
		margin-left: -19px;
		padding: 0px;
	}
	table.spreadsheet td.handle div img {
		display: none;
	}
	
	
	table.spreadsheet td.action-buttons {
		/*border-right: 0px;*/
		padding: 0px;
	}
	
		/* delete button */
		table.spreadsheet td.action-buttons div.delete {
			position: absolute;
			margin-left: 760px;
			padding: 0;
			height: 24px;
			width: 20px;
			cursor: pointer;
		}
		table.spreadsheet td.action-buttons div.delete a {
			display: none;
			height: 24px;
			width: 20px;
		}
		
		/* insert button */
		table.spreadsheet td.action-buttons div.insert {
			position: absolute;
			margin-left: -40px;
			padding: 0;
			height: 24px;
			width: 20px;
			cursor: pointer;
		}
		table.spreadsheet td.action-buttons div.insert a {
			display: none;
			height: 24px;
			width: 20px;
		}
	
	/* HOVER */
	table.spreadsheet tr:hover td.handle div {
		margin: -10px -10px -20px -19px;
		padding: 10px 0px 10px 0px;
	}
	table.spreadsheet tr:hover td.action-buttons div.delete {
		margin: -10px -10px -10px 750px;
		padding: 10px;
	}
	table.spreadsheet tr:hover td.action-buttons div.insert {
		margin: -10px -10px -20px -50px;
		padding: 10px 0px 10px 10px;
	}
	table.spreadsheet tr:hover td.handle div img, 
	table.spreadsheet tr:hover td.action-buttons div.delete a, 
	table.spreadsheet tr:hover td.action-buttons div.insert a {
		display: block;	
	}
	
	/* ON-DRAG */
	table.spreadsheet .on-drag td {
		background-color: #f0f0f0;
	}
	table.spreadsheet .on-drag td input, 
	table.spreadsheet .on-drag td textarea, 
	table.spreadsheet .on-drag td {
		color: #919191;
	}
	table.spreadsheet .on-drag td.handle div img, 
	.on-drag td.action-buttons div.delete a, 
	.on-drag td.action-buttons div.insert a {
		display: block !important;
	}
	
		/* cursor */
		body.cursor-move, body.cursor-move *  {
			cursor: move !important;
		}
	
	
	/* ACTIVE CELL */
	.spreadsheet-active, .spreadsheet-active:hover {
		background-color: #fff8d5;
	}
	
	/* 	INLINE ITEM CREATION */
	table.spreadsheet tr.inline-item td {
		padding-bottom: 40px;
	}
	
	table.spreadsheet td.inline-item-wrapper-left {
		padding: 0px;
		border-right: solid 1px #fff;	
	}
	table.spreadsheet td.inline-item-wrapper-left span {
		display: block;
		height: 27px;
		width: 7px;
		position: absolute;
		margin-left: -8px;
		padding: 0px;
		background: url("/images/invoice/inline-item-wrapper-left.gif") no-repeat;
	}
	
	table.spreadsheet td.inline-item-wrapper-right {
		padding: 0px;
	}
	table.spreadsheet td.inline-item-wrapper-right span {
		display: block;
		height: 27px;
		width: 7px;
		position: absolute;
		margin-left: 758px;
		padding: 0px;
		background: url("/images/invoice/inline-item-wrapper-right.gif") no-repeat;
	}
	
	table.spreadsheet td.inline-item-wrapper-left div.holder {
		position: absolute;
		height: 18px;
		width: 756px;
		padding: 10px 8px;
		background-color: #ffff99;
		border: solid 1px #ebeb7b;
		margin-top: 27px;
		margin-left: -8px;
		border-radius-bottomleft: 6px;
		border-radius-bottomright: 6px;
		-webkit-border-bottom-left-radius: 6px;
		-webkit-border-bottom-right-radius: 6px;
		-moz-border-radius-bottomleft: 6px;
		-moz-border-radius-bottomright: 6px;
		
		-webkit-box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.20);
	   	-moz-box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.20);
	   	box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.20);
	   	
	   	color: #41372b;
	}
	
	table.spreadsheet td.inline-item-wrapper-left div.holder .error {
		color: #d80000;
		background-color: transparent;
		padding: 0px;
	}
	
		/* Save and cancel buttons */
		table.spreadsheet td.inline-item-wrapper-left div.holder .buttons {
			float: right;
		}
		table.spreadsheet td.inline-item-wrapper-left div.holder .buttons.disabled a.cancel, 
		table.spreadsheet td.inline-item-wrapper-left div.holder .buttons.disabled a.cancel:hover {
			color: #635f57;
			background-color: transparent;
			text-decoration: underline;
			cursor: default;
		}
		table.spreadsheet td.inline-item-wrapper-left div.holder .buttons.disabled a.save strong, 
		table.spreadsheet td.inline-item-wrapper-left div.holder .buttons.disabled a.save strong {
			opacity: 0;
			cursor: default;
		}
		table.spreadsheet td.inline-item-wrapper-left div.holder .buttons.disabled a.save b {
			background: url("/cloverdale/images/loading.gif") center center no-repeat;
		}
		
		/* 	Disabled styles for rest of table */
		table.spreadsheet.disabled tr td {	background-color: #f0f0f0; }
		table.spreadsheet.disabled tr td input,
		table.spreadsheet.disabled tr td textarea,
		table.spreadsheet.disabled tr td span {	color: #b2b2b2; }
		table.spreadsheet.disabled tr td img { display: none; }
		table.spreadsheet.disabled td.handle div, 
		table.spreadsheet.disabled td.delete div { display: none !important; }
		
		table.spreadsheet.disabled tr.inline-item td { background-color: #ffffff; }
		table.spreadsheet.disabled tr.inline-item td.total,
		table.spreadsheet.disabled tr.inline-item td.isdisabled { background-color: #f0f0f0; }
		table.spreadsheet.disabled tr.inline-item td input, 
		table.spreadsheet.disabled tr.inline-item td textarea,
		table.spreadsheet.disabled tr.inline-item td span { color: #000000; }
		table.spreadsheet.disabled tr.inline-item td img { display: block; }


	/* FORM ELEMENTS */
	/* All styling of form elements within the spreadsheet */
	table.spreadsheet input, 
	table.spreadsheet input:hover {
		border: 0px;
		width: 100%; /* IE7 and lower overwrite on this value*/
		margin: 0;
		
		font-family: Verdana;
		font-size: 12px;
		background-color: transparent;
		line-height: 18px;
	}
	/* fix width in webkit based browsers */
	table.spreadsheet .inline-item .first-column input {
		width: 120px;
	}
	table.spreadsheet textarea, 
	table.spreadsheet textarea:hover {
		border: 0px;
		width: 100%;
		padding: 0;
		margin: 0;
		height: 22px;
		
		font-family: Verdana;
		font-size: 12px;
		background-color: transparent;
		
		resize: none;
		line-height: 22px;
	}
	table.spreadsheet select, 
	table.spreadsheet select:hover  {
		width: 100%;
	}
	table.spreadsheet input:focus, 
	table.spreadsheet textarea:focus {
		background-color: #fff8d5;
		outline: 0px;
		border: 0px;
	}
	
	table.spreadsheet textarea, 
	table.spreadsheet textarea:hover, 
	table.spreadsheet textarea:focus {
		padding-left: 5px;
	}
	
	table.spreadsheet tr.on-drag input:focus, 
	table.spreadsheet tr.on-drag textarea:focus {
		background-color: transparent;
	}
	
	table.spreadsheet td.sexy-combo-table {
		padding-right: 17px;
	}


/* TOTALS */
/* Box with all the totals at the bottom of the spreadsheet table */

/* containter */
.totals {
	margin-bottom: 22px;
}
.totals .rule {
	border: solid 1px #cccccc;
	background-color: #e5e5e5;
	height: 1px;
	overflow: hidden; /* IE6 Hack */
}
.totals .rule.top {
	margin-top: -1px;
	clear: both;
}

/* Box */
.totals .box {
	width: 280px;
	float: right;
	border-right: solid 1px #cccccc;
	border-left: solid 1px #cccccc;
	border-bottom: solid 1px #cccccc;
	margin-top: -1px;
	/* IE6 and IE7 fixes */
}

/* Table */
div.totals td.last-column {
	text-align: right;
	padding-right: 3px;
}
.totals .table-totals {
	width: 100%;
}
.totals .table-totals th {
	font-weight: normal;
	text-align: left; /* IE8 bug */
}
.totals .table-totals span.currency {
	display:none;
}
.totals .table-totals tr.invoice-total-box span.currency {
	display: inline;
}

/* table spacing */
tr#amount-row td, 
tr#amount-row th, 
#subtotal-row td, 
#subtotal-row th {
	padding-top: 9px;
}

/* breakdown */
div.totals .table-totals td, 
div.totals .table-totals th {
	border: 0px;
	margin: 0;
	vertical-align: top;
}
div.totals td:hover, div.totals th:hover {
	background-color: transparent;
}
div.totals .table-totals tr.divider td, 
div.totals .table-totals tr.divider th {
	padding: 9px 0 0 0;
}
div.totals .table-totals tr.divider div {
	height: 1px;
	background-color: #e2e2e2;
	border-top: solid 1px #cccccc;
	border-bottom: solid 1px #cccccc;	
	overflow: hidden; /* IE6 hack */
}
div.totals .table-totals #paid-row td, 
div.totals .table-totals #paid-row th {
	padding-bottom: 9px;
}

/* super total box */
div.totals tr.invoice-total-box td, 
div.totals tr.invoice-total-box th {
	background-color: #f0f0f0;
	border-top: solid 1px #cccccc;
	padding-top: 10px;
	padding-bottom: 10px;
	font-weight: bold;
}

/* Functions */
.totals .functions {
	width: 254px;
	float: right;
	padding: 9px 0;
	font-size: 11px;
}

/* client tags */
#client_tags {
	padding-top: 5px;
	height: 20px;
}
	#client_tags  a {
		background: url('/images/buttons/tags.gif') center 0;
		font: bold 11px/11px 'Lucida Grande', 'Lucida Sans Unicode', Arial, Helvetica, sans-serif;
		border-bottom: 1px solid #e8d855;
		color: #806f2f;
		text-decoration: none;
		display: block;
		float: left;
		height: 14px;
		padding-top: 5px;
		margin-right: 5px;
		outline: 0;
	}
	#client_tags a:hover {
		background-position: center -19px;
		border-bottom: 1px solid #d4bf44;
	}
		#client_tags a span {
			border-left: 1px solid #e8d855;
			border-right: 1px solid #e8d855;
			margin-left: -1px;
			margin-right: -1px;
			display: block;
			float: left;
			padding: 0 10px;
			line-height: 14px;
			text-wrap: nowrap;
		}
		#client_tags a:hover span {
			border-left: 1px solid #d4bf44;
			border-right: 1px solid #d4bf44;
		}


/* 	20. TOOBLE (aka tooltip-bubble)
	----------------------------------------------------------------- 
*/
.tooble {
	position: relative;
	color: #403727;
	line-height: 18px;
	width: auto;
	white-space: nowrap;
	padding: 7px 10px 7px 40px;
	margin-top: 27px;
	background: #ffff99 url("/images/icons/info-smaller-yellow.gif") 10px 5px no-repeat;
	border: solid 1px #ebeb7b;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}
.tooble b {
	position: absolute;
	width: 22px;
	height: 15px;
	background: url("/images/application.png") -410px top no-repeat;
	top: -15px;
	left: 10px;
}

.tooble-cursor {
	cursor: help;
}



/* 	21. INDEX
	----------------------------------------------------------------- 
*/
.index-wrapper { 
	margin: 0 -40px; 
}
.index-wrapper-wide { margin: 0 -80px; }
.index { 
	width: 100%; 
	border-collapse:collapse;
}
.index.spaced tbody td {
	padding-left: 2px;
	padding-right: 2px;
}

/* header */
.index thead th,
.index thead td {
	padding: 0;
	color: #fff;
	font-weight: bold;
}
	.index thead th.no-sort,
	.index thead a {
		padding: 5px 1px;
	}
	.index thead a {
		display: block;
	}
	.index thead a:hover {
		text-decoration: underline; 
		background: url("/images/masks/white-20percent.png");
	}
	/* if right aligned */
	.index thead .ta_right a {
		margin-left: 0;
	}
	/* if currency column */
	.index thead th.currency.no-sort,
	.index thead .currency a {
		padding-right: 27px;
	}

/* body */
.index tbody td, .index tfoot td {
	border-top: solid 1px #E2E2E2;
	padding: 5px 0;
	vertical-align: top;
}
.index tbody td input {
	margin-top: 2px;
}
.index tbody td .subtext {
	display: block;
	color: #777777;
	font-size: 11px;
}
/* no padding cells */
.index tbody tr.no_pad td {
	padding-top: 2px;
	padding-bottom: 2px;
}


/* columns */
.index .col-overflow-left, .index .col-overflow-right {
	border: 0px;
	background-color: transparent;
	width: 40px;
}
.index .col-checkbox {
	width: 30px;
	text-align: center;
}
.index .col-checkbox input[type="checkbox"] { margin-top: 3px; }
.index .col-last {
	padding-right: 5px;
}
.index thead .first-column.no-sort,
.index thead .first-column a,
.index tbody .first-column {
	padding-left: 5px;
}


/* status */
.index .status-recouped { color: #398f00; }
.index .status-invoiced { color: #767676; }
.index .status-unbilled { color: #b20000; }
.index .status-normal { color: #000000; }


/* recurring stripe */
.index .recurring {
	display: inline-block;
	margin-right: -700px;
	font-size: 11px;
	background: #e7f6ff url("/images/icons/recurring.png") 6px 4px no-repeat;
	font-style: italic;
	padding: 2px 7px 3px 25px;
	margin-top: 5px;
	color: #759db1;
}
.index .recurring.disabled {
	display: inline-block;
	margin-right: -700px;
	font-size: 11px;
	background: #e8e8e8 url("/images/icons/recurring-disabled.png") 6px 4px no-repeat;
	font-style: italic;
	padding: 2px 7px 3px 25px;
	margin-top: 5px;
	color: #b0b0b0;
}

/* zebra stripe */
.index .even td { background-color: #f9f9f9; }
.index .even td.col-overflow-left,
.index .even td.col-overflow-right { background-color: #ffffff; }

/* row hover */
.hover-button tr .button {
	display: none;
}
.index tbody tr:hover .edit,
.index tbody tr:hover .import,
.index tbody tr:hover .delete,
.hover-button tr:hover .button
 { 
	display: block; 
}
.listTable tr:hover td,
.index tbody tr:hover td { background-color: #e5f5ff !important; }
.index tbody tr:hover td .subtext { color: #6b8798; }
.index tbody tr:hover .recurring { background-color: #d0edff; }
.index tbody tr:hover .col-overflow-left, 
.index tbody tr.selected:hover .col-overflow-left { background: #e5f5ff url("/cloverdale/images/masks/index-overlay-left.png") !important; }
.index tbody tr:hover .col-overflow-right, 
.index tbody tr.selected:hover .col-overflow-right { background: #e5f5ff url("/cloverdale/images/masks/index-overlay-right.png") !important; }

/* selected row */
.index tbody tr.selected td { background-color: #e5f5ff; }
.index tbody tr.selected td .subtext { color: #6b8798; }
.index tbody tr.selected .col-overflow-left { background-color: #ffffff; }
.index tbody tr.selected .col-overflow-right { background-color: #ffffff; }

/* no results */
.index .no-results {
	text-align: center;
}
.listTable .no-results:hover td,
.index .no-results:hover td { background-color: #ffffff !important; }
.index .no-results:hover .col-overflow-left,
.index .no-results:hover .col-overflow-right { background-color: #ffffff !important; }

/* edit button */
.index .edit {
	display: none;
	height: 23px;
	width: 38px;
	background: url("/cloverdale/images/buttons/edit.png") no-repeat;
	margin-bottom: -6px;
}
.index .edit:hover {
	background: transparent url("/cloverdale/images/buttons/edit.png") 0 -23px no-repeat;
}
/* import button */
.index .import {
	display: none;
	height: 23px;
	width: 50px;
	background: url("/images/buttons/import.png") no-repeat;
}
.index .import:hover {
	background: transparent url("/images/buttons/import.png") 0 -23px no-repeat;
}
/* delete buttons */
.index .delete {
	display: none;
	height: 23px;
	width: 50px;
	background: url("/images/buttons/delete.png") no-repeat;
}
.index .delete:hover {
	background: transparent url("/images/buttons/delete.png") 0 -23px no-repeat;
}
.index .expense_import_buttons .delete {
	position: absolute;
	top: 30px;
	left: 0px;
}
.index .expense_import_buttons .import {
	position: absolute;
	top: 3px;
	left: 0px;
}
.cross-button {
	background: url('/images/icons/cross.png') top left no-repeat;
	width: 16px;
	height: 0px;
	padding-top: 16px;
	overflow: hidden;
	display: block;
}
a.cross-button:hover {
	background-color: transparent;
}

#expense-import-table .vendor-container, 
#expense-import-table .category-container{
	height: 20px;
}


/* inline edit */
.index tr.inline-edit:hover td {
	background-color: #ffffff !important;
}
.index tr.inline-edit td {
	padding: 0 0 33px 0;
}
.index .inline-edit .inline-edit-wrapper-left {
	position: absolute;
	margin-left: -40px;
	margin-top: -27px;
	display: block;
	height: 27px;
	width: 40px;
	background: url("/images/invoice/inline-item-wrapper-left.gif") right top no-repeat;
}
.index .inline-edit .inline-edit-wrapper-right {
	display: block;
	height: 27px;
	width: 7px;
	position: absolute;
	margin-top: -27px;
	margin-left: 759px;
	padding: 0px;
	background: url("/images/invoice/inline-item-wrapper-right.gif") no-repeat;
}
.index .inline-edit .content {
	padding: 11px 15px 11px 20px;
	background-color: #dfffbd;
}
.index .inline-edit .holder {
	position: absolute;
	height: 18px;
	width: 755px;
	padding: 10px 8px;
	background-color: #ffff99;
	border: solid 1px #ebeb7b;
	margin-left: -7px;
	border-radius-bottomleft: 6px;
	border-radius-bottomright: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	-moz-border-radius-bottomleft: 6px;
	-moz-border-radius-bottomright: 6px;
	
	-webkit-box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.20);
   	-moz-box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.20);
   	box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.20);
   	
   	color: #41372b;
}
.index .inline-edit .holder .error {
	color: #d80000;
	background-color: transparent;
	padding: 0px;
}

	/* Save and cancel buttons */
	.index .inline-edit .holder .buttons {
		float: right;
	}
	.index .inline-edit .holder .buttons.disabled a.cancel, 
	.index .inline-edit .holder .buttons.disabled a.cancel:hover {
		color: #635f57;
		background-color: transparent;
		text-decoration: underline;
		cursor: default;
	}
	.index .inline-edit .holder .buttons.disabled a.save strong, 
	.index .inline-edit .holder .buttons.disabled a.save strong {
		opacity: 0;
		cursor: default;
	}
	.index .inline-edit .holder .buttons.disabled a.save b {
		background: url("/cloverdale/images/loading.gif") center center no-repeat;
	}
	
	/* highlight row */
	.index .highlight-row { background-color: #FFFF99; }
	.index .highlight-row .col-overflow-left,
	.index .highlight-row .col-overflow-right { background-color: #ffffff; }
	
	

/* Disabled styles */
/* active line */
.index.disabled .inline-edit td, 
.index.disabled .inline-edit td span,
.index.disabled .inline-edit:hover td,
.index.disabled .inline-edit:hover label {
	background-color: transparent !important;
	color: #000000;
}

/* disabled lines */
.index.disabled tbody td, 
.index.disabled tbody td span.subtext,
.index.disabled tbody td .escaped a { 
	background-color: #f0f0f0; 
	color: #b2b2b2;
}
.index.disabled tbody tr:hover td,
.index.disabled tbody td .escaped  a:hover {
	background-color: #f0f0f0 !important; 
	color: #b2b2b2 !important;
	cursor: default;
}
.index.disabled tbody td .escaped  a:hover {
	text-decoration: underline;
}
.index.disabled tbody td.col-overflow-left,
.index.disabled tbody td.col-overflow-right,
.index.disabled tbody tr:hover td.col-overflow-left,
.index.disabled tbody tr:hover td.col-overflow-right { 
	background-color: #ffffff !important; 
}
.index.disabled tbody .edit { display: none !important; }
.index.disabled .recurring  {
	background-color: #e8e8e8 !important;
	background-image: url("/images/icons/recurring-disabled.png");
	color: #b0b0b0;
}
.index.disabled .statusPending,
.index.disabled .statusSent,
.index.disabled .statusViewed,
.index.disabled .statusPaid,
.index.disabled .statusPartial,
.index.disabled .statusDisputed,
.index.disabled .statusFailed,
.index.disabled .statusOutstanding, 
.index.disabled .statusAccepted,
.index.disabled .statusInvoiced,
.index.disabled .statusReplied, 
.index.disabled .statusRecouped { color: #b2b2b2; }






/* 	22. REPORTS
	----------------------------------------------------------------- 
*/
.report {
	font-size: 11px;
	font-family: Tahoma, Arial, Verdana, sans-serif;
	line-height: 18px;
}

/* filters */
.report .filters {
	border: solid 1px #e3e3e3;
	padding: 10px 20px;
	background: #f8f8f8 url("/images/reports/filters-background.png") bottom repeat-x;
	margin: 18px 0;
	font-size: 12px;
	font-family: Verdana, sans-serif;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

/* report header */
.header {
	padding: 18px 0;
}
	.report-title-name, 
	.report-title-company, 
	.report-title-daterange,
	.report-title-description {
		font-family: Arial;
		text-align: center;
		line-height: 24px;
	}
	.report-title-name { font-size: 24px; font-weight: bold; }
	.report-title-company, .report-title-daterange { font-size: 18px; }

/* print + export */
.report .print {
	float: right;
	padding: 3px 3px 3px 20px;
	line-height: 24px;
	background: url("/images/icons/print.png") 0px 8px no-repeat;
}

.report .export {
	float: right;
	line-height: 24px;
	padding: 3px 23px 3px 20px;
	background: url("/images/icons/table.png") 0px 8px no-repeat;
}

/* table */
.report table th {
	color: #ffffff;
}
/* column spacing */
.report thead a, 
.report thead .no-sort,
.report tbody.header a,
.report tbody.header .no-sort{
	color: #ffffff;
	padding: 4px 5px 4px 2px;
}
.report .header a,
.report thead a {
	display: block;
}
.report .header a:hover,
.report thead a:hover {
	text-decoration: underline; 
	background: url("/images/masks/white-20percent.png");
}
.report table td {
	border-bottom: solid 1px #e5e5e5;
	padding-top: 3px;
	padding-right: 8px;
	padding-bottom: 3px;
	vertical-align: top;
}
.reports_currency td {
	white-space: nowrap;
}
.reports_currency td.text_wrap {
	white-space: normal;
}

.first-column {
	padding-left: 5px;
	white-space: nowrap;
}
.report .header .first-column,
.report thead .first-column {
	padding-left: 0;
}
.report .header .first-column.no-sort,
.report .header .first-column a,
.report thead .first-column.no-sort,
.report thead .first-column a {
	padding-left: 5px;
}
	/* links */
	.report table tbody a {
		text-decoration: none;
	}
	
	/* subtotal */
	.report .section-subtotal td {
		border-top: solid 1px #919191;
		border-bottom: solid 1px #919191;
	}
	
	/* total */
	.report .section-total td {
		border-bottom: solid 1px #919191;
	}
	
	/* net */
	.report .section-net td {
		border-top: solid 1px #919191;
		border-bottom: double 3px #919191;
	}
	
	.report .section-divider td {
		height: 20px;
		border: 0;
	}
	
/* report typography */
.report .section-title td {
	padding-top: 18px;
	font-weight: bold;
}
	.report .section-subtotal.caps,
	.report .section-total.caps {
		text-transform: uppercase;
	}
.section-subtotal, .section-total {
	font-weight: bold;
}
.report .section-net td {
	text-transform: uppercase;
	font-weight: bold;
}
.report .section-summary td {
	text-transform: uppercase;
	font-weight: bold;
	border-bottom: double 3px #919191;
	padding-top: 9px;
}
table.no-border tr td,
.report tr .no-border {
	border: none;
}

.report-indent-1 { text-indent: 10px; }
.report-indent-2 { text-indent: 20px; }
.report-indent-3 { text-indent: 50px; }

.report-empty {
	text-align: center;
	padding-top: 9px;
}



/* 	23. SELECTPICKER
	----------------------------------------------------------------- 
*/
.selectpicker {
	display: inline-block;
	border-left: solid 1px #b0b0b0;
	border-right: solid 1px #b0b0b0;
	vertical-align: middle;
}
	.selectpicker:hover {
		border-left: solid 1px #777777;
		border-right: solid 1px #777777;
	}
	.selectpicker select {
		width: 100%;
	}
.selectpicker .innards {
	display: block;
	border-top: solid 1px #b0b0b0;
	border-bottom: solid 1px #b0b0b0;
	padding: 0 22px 0 5px;
	margin: -1px 0;
	cursor: pointer;
	line-height: 20px;
	height: 20px;
	white-space: nowrap;
	background: url("/images/selectpicker/background.png") right top no-repeat;
}
	.selectpicker:hover .innards {
		background-color: transparent;
		color: #000000;
		border-top: solid 1px #777777;
		border-bottom: solid 1px #777777;
	}
.selectpicker .innards .cutoff {
	display: block;
	overflow: hidden;
	width: 100%;
}
.selectpicker.active {
	color: #ffffff;
	border-left: solid 1px #777777;
	border-right: solid 1px #777777;
}
.selectpicker.active .innards {
	border-top: solid 1px #777777;
	border-bottom: solid 1px #777777;
	background: url("/images/selectpicker/background.png") right -20px no-repeat;
}
	.selectpicker.active:hover .innards {
		color: #ffffff;
	}


/* window */
.selectpicker-window {
	position: absolute;
	border: solid 3px #565656;
	background-color: #f3f3f3;
	margin-top: -2px;
	-webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25);
   	-moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25);
   	box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25);
}
	.selectpicker-window select {
		cursor: default;
		border: 0px;
		border-bottom: solid 1px #e2e2e2;
		outline: none !important;
		width: 100% !important;
	}
	.selectpicker-window p {
		padding: 5px;
		color: #474747;
		font-size: 11px;
		line-height: 14px;
		margin: 0px;
		width: 100%; /* IE6 */
	}
.selectpicker-window-close {
	display: block;
	padding: 9px 0 18px 0;	
	text-align: center;
	width: 100%; /* IE6 */
}
.selectpicker-window-close a:link,
.selectpicker-window-close a:visited,
.selectpicker-window-close a:active {
  	display: inline-block;
	border-left: solid 1px #b0b0b0;
	border-right: solid 1px #b0b0b0;
	margin: 0 -1px;
	height: 20px;
	line-height: 20px;
	padding: 0 5px;
	background: url(/images/application.png) -20px 0 no-repeat;
	font-size: 11px;
  	text-decoration: none;
	color: #3d3c3c;
}
.selectpicker-window-close a:hover {
  	text-decoration: none;
  	color: #ffffff;
	border-left: solid 1px #777;
	border-right: solid 1px #777;
	background-color: transparent;
	background: url(/images/application.png) -20px -20px no-repeat;
}
.selectpicker-window-close span {
	border-bottom: 1px solid #B0B0B0;
	border-top: 1px solid #B0B0B0;
	display: inline-block;
	margin: 0 2px;
}
.selectpicker-window-close span:hover {
	border-top: solid 1px #777777;
	border-bottom: solid 1px #777777;
}



/* View transactions */
.transaction-details td {
	background: #f3f3f3;
	padding: 10px;
}
.transaction-details dt {
	font-weight:bold;
}
.transaction-details dd {
	margin: 0 0 5px 15px;
}


/* 	25. GENERIC EDIT PAGE
	----------------------------------------------------------------- 
*/
.edit-paragraph {
	width: 550px;
	margin: -9px 0 27px 34px;
}
.edit-section-header {
	background-color: #e8e8e8;
	color: #474747;
	border: solid 1px #dddddd;
	margin-bottom: 36px;
	line-height: 26px;
	padding: 0 34px;
	font-size: 16px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	clear: both;
	text-shadow: 1px 1px 0px #ffffff;
}
.edit-section-header.icon-contact {
	background: #e8e8e8 url("/images/icons/section-headers/contact.png") 10px 5px no-repeat;
}
.edit-section-header.icon-login { 
	background: #e8e8e8 url("/images/icons/section-headers/login.png") 10px 5px no-repeat;
}
.edit-section-header.icon-organization { 
	background: #e8e8e8 url("/images/icons/section-headers/organization.png") 10px 5px no-repeat;
}
.edit-section-header.icon-billing {
	background: #e8e8e8 url("/images/icons/section-headers/billing.png") 10px 5px no-repeat;
}
.edit-section-header.icon-assign { 
	background: #e8e8e8 url("/images/icons/section-headers/assign.png") 10px 5px no-repeat; 
}
.edit-section-header.icon-task { 
	background: #e8e8e8 url("/images/icons/section-headers/task.png") 10px 5px no-repeat; }
.edit-section-header.icon-item { 
	background: #e8e8e8 url("/images/icons/section-headers/item.png") 10px 5px no-repeat;
}
.edit-section-header.icon-inventory {
	background: #e8e8e8 url("/images/icons/section-headers/inventory.png") 10px 5px no-repeat;
}
.edit-section-header.icon-team {
	background: #e8e8e8 url("/images/icons/section-headers/team.png") 10px 5px no-repeat;
}
.edit-section-header.icon-project {
	background: #e8e8e8 url("/images/icons/section-headers/project.png") 10px 5px no-repeat;
}
.edit-section-header.icon-staff {
	background: #e8e8e8 url("/images/icons/section-headers/staff.png") 10px 5px no-repeat;
}
.edit-section-header.icon-department {
	background: #e8e8e8 url("/images/icons/section-headers/department.png") 10px 5px no-repeat;
}
.edit-section-header.icon-ticket {
	background: #e8e8e8 url("/images/icons/section-headers/ticket.png") 10px 5px no-repeat;
}
.edit-section-header.icon-reply {
	background: #e8e8e8 url("/images/icons/section-headers/reply.png") 10px 5px no-repeat;
}
.edit-section-header.icon-internal {
	background: #e8e8e8 url("/images/icons/section-headers/internal.png") 10px 5px no-repeat;
}
.edit-section-header.icon-folder {
	background: #e8e8e8 url("/images/icons/section-headers/folder.png") 10px 5px no-repeat;
}
.edit-section-header.icon-newfile {
	background: #e8e8e8 url("/images/icons/section-headers/newfile.png") 10px 5px no-repeat;
}
.edit-section-header.icon-payment {
	background: #e8e8e8 url("/images/icons/section-headers/payment.png") 10px 5px no-repeat;
}
.edit-section-header.icon-tick {
	background: #e8e8e8 url("/images/icons/section-headers/tick.png") 10px 5px no-repeat;
}
.edit-section-header.icon-globe {
	background: #e8e8e8 url("/images/icons/section-headers/globe.png") 10px 5px no-repeat;
}
.edit-end {
	height: 22px;
	clear: both;
	background: url("/cloverdale/images/divider.png") no-repeat;
}


/*
 * 		DEPRECATED. DO NOT USE.
 * ============================================================
 */

.w20  { width: 20px;  min-height: 1px; float: left; }
.w40  { width: 40px;  min-height: 1px; float: left; }
.w55  { width: 55px;  min-height: 1px; float: left; }
.w80  { width: 80px;  min-height: 1px; float: left; }
.w110 { width: 110px; min-height: 1px; float: left; }
.w115 { width: 115px; min-height: 1px; float: left; }
.w125 { width: 125px; min-height: 1px; float: left; }
.w145 { width: 145px; min-height: 1px; float: left; }
.w150 { width: 150px; min-height: 1px; float: left; }
.w165 { width: 165px; min-height: 1px; float: left; }
.w175 { width: 175px; min-height: 1px; float: left; }
.w185 { width: 185px; min-height: 1px; float: left; }
.w190 { width: 190px; min-height: 1px; float: left; }
.w195 { width: 195px; min-height: 1px; float: left; }
.w200 { width: 200px; min-height: 1px; float: left; }
.w220 { width: 220px; min-height: 1px; float: left; }
.w230 { width: 230px; min-height: 1px; float: left; }
.w240 { width: 240px; min-height: 1px; float: left; }
.w330 { width: 330px; min-height: 1px; float: left; }
.w360 { width: 360px; min-height: 1px; float: left; }
.w500 { width: 500px; min-height: 1px; float: left; }
.w520 { width: 520px; min-height: 1px; float: left; }
.w555 { width: 555px; min-height: 1px; float: left; }
.w560 { width: 560px; min-height: 1px; float: left; }


.h10  {	height: 10px; }
.h15  {	height: 15px; }
.h25  {	height: 25px; }
.h40  {	height: 40px; }
.h150 { height: 150px; }
.h180 { height: 180px; }
.h250 { height: 250px; }

.nopadding { padding: 0; }
.nomargin  { margin: 0;  }

.pad_3  { padding: 3px;  }
.pad_5 { padding: 5px; }
.pad_10 { padding: 10px; }
.pad_15 { padding: 15px; }
.pad_20 { padding: 20px; }

.pad_t3  { padding-top: 3px;  }
.pad_t5  { padding-top: 5px;  }
.pad_t8  { padding-top: 8px;  }
.pad_t10  { padding-top: 10px;  }
.pad_t15  { padding-top: 15px;  }
.pad_t30  { padding-top: 30px;  }
.pad_b10  { padding-bottom: 10px;  }
.pad_b12  { padding-bottom: 12px;  }
.pad_b8  { padding-bottom: 8px;  }
.pad_l25  { padding-left: 25px; }
.pad_l85  { padding-left: 85px; }
.pad_l90  { padding-left: 90px; }
.pad_l140  { padding-left: 140px; }
.pad_lr10  { padding-left: 10px; padding-right: 10px;  }
.pad_lr20  { padding-left: 20px; padding-right: 20px;  }
.pad_tb3  { padding-top: 3px; padding-bottom: 3px;  }
.pad_tb5  { padding-top: 5px; padding-bottom: 5px;  }
.pad_tb6  { padding-top: 6px; padding-bottom: 6px;  }
.pad_tb10  { padding-top: 10px; padding-bottom: 10px;  }
.pad_tb15  { padding-top: 15px; padding-bottom: 15px;  }

.mar_10   { margin: 10px; }
.mar_t1 { margin-top: 1px; }
.mar_t2 { margin-top: 2px; }
.mar_t3 { margin-top: 3px; }
.mar_t5 { margin-top: 5px; }
.mar_t8 { margin-top: 8px; }
.mar_t10 { margin-top: 10px; }
.mar_t15 { margin-top: 15px; }
.mar_t20 { margin-top: 20px; }
.mar_l10 { margin-left: 10px; }
.mar_r5 { margin-right: 5px; }
.mar_r10 { margin-right: 10px; }
.mar_r20 { margin-right: 20px; }
.mar_r25 { margin-right: 25px; }
.mar_r30 { margin-right: 30px; }
.mar_r40 { margin-right: 40px; }
.mar_b3 { margin-bottom: 3px; }
.mar_b5 { margin-bottom: 5px; }
.mar_b10 { margin-bottom: 10px; }
.mar_b20 { margin-bottom: 20px; }
.mar_b30 { margin-bottom: 30px; }
.mar_bn3  { margin-bottom: -3px; }
.mar_l20 { margin-left: 20px; }


.lineheight_16 { line-height: 16px !important; }
.lineheight_22 { line-height: 22px !important; }
.lineheight_26 { line-height: 26px !important; }
.lineheight_30 { line-height: 30px !important; }

.fs_10 {
	font-size: 10px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	line-height: 1.4em;
}

.fs_12 {
	font-size: 12px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	line-height: 1.4em;
}

.fs_14 {
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 17px;
}

.fs_16 {
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.3em;
}

.fs_18 {
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 21px;
}

.fs_20 {
	font-size: 20px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: normal;
}

.fs_22 {
	font-size: 22px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 25px;
}

.fs_30 {
	font-size: 30px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 33px;
}

/**
 * Create a new scrollable terms of service pop-up and privacy pop-up, for the one-time-setup page. 
 */
.terms_privacy_content {
    height: 500px;
    overflow-y: scroll;
	border: 1px solid #ddd;
	padding: 10px;
}

/**
 * The Project Dashboard widget.
 */
#project-dashboard {
    margin-top: 15px;
}
#project-dashboard #project-table {
    float: right;
    width: 348px;
}
#project-dashboard #piechart {
    float: left;
    width: 120px;
	height: 180px;
}
#project-dashboard #project-table .first td {
    border-top: 0;
}
#project-dashboard .project-budget-panel {
    right: -76px;
	width: 328px;
}

.project-budget-panel div.ribbon .holder {
	width: 344px;
}
.project-budget-panel div.ribbon .wrapper-right {
	margin-left: 347px;
}
* + html #project-dashboard .project-budget-panel {
    right: -78px;
}
#project-dashboard h3 {
    border-bottom: 1px solid #ddd;
}
#project-dashboard .start-timer {
	background: url(/images/homepage/start-timer.png) top left no-repeat;
	padding: 1px 2px 2px 22px;
	color: #000;
	display: block;
	width: 35px;
	text-decoration: none;
}
#project-dashboard-new-project {
	position: absolute;
	top: 10px;
	right: 5px;
}

/**
 * Style for FreshGadget namespace.
 */
#facebox.freshgadget {
	z-index: 9999;
}

.freshgadget .checkbox {
	margin-right: 4px;
	margin-top: 4px;
}

.injection-point .ShowInvoiceMenu {
	display: none;
}

.injection-point .ShowInvoiceFooter {
	display: none;
}

.injection-point .HomePageSideBar{
    display:none;
}

.injection-point .HomePageTop{
    display:none;
}

.injection-point .HomePageTop{
	display:none;
}

.share_buttons {
	background: url('/images/homepage/birthday-share-bg.gif') no-repeat;
	width: 250px;
	height: 42px;
	line-height: 42px;
	text-align: center;	
}


/**
 * Style for IE6 Upgrade message
 */

#ie6_upgrade .container {
	padding-top: 20px;
	padding-bottom: 20px;
}
#ie6_upgrade ul {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	zoom: 1;
}

#browsers {
	list-style: none outside none;
	margin-bottom: 20px;
}

#browsers li {
	float: left;
	width: 145px;
	height: 50px;
	margin-right: 5px;
	background-color: #fff;
}

#browsers li a {
	display: block;
}
#browsers li a:hover {

}

.client_balance {
	width: 178px;
	font-size: 20px;
	margin-left: -15px;
	margin-right: 20px;
	margin-top: 12px;
	margin-bottom: 12px;
	padding: 4px 4px 2px 4px;
	-webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
   	-moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
   	box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

.client_balance.neutral {
	background: #808080 url("/images/client/grey.png") no-repeat bottom left;
	text-shadow: 1px 1px #606060;
}

.client_balance.positive {
	background: #96ec40 url("/images/client/green.png") no-repeat bottom left;
	text-shadow: 1px 1px #67b60f;
}

.client_balance.negative {
	background: #ed1c24 url("/images/client/red.png") no-repeat bottom left;
	text-shadow: 1px 1px #ab1f22;
}

.client_balance .label {
	font-size: 12px;
	font-weight: normal;
	margin-right: 2px;
}

.client_balance .label, .client_balance .balance {
	text-align: right;
}

.client_balance .balance {
	line-height: 20px;
	left: 26px;
	position: relative;
}

.client_balance .currency-code {
	text-shadow: none;
	margin-bottom: -4px;
}

#show_user_outstanding h3 {
	color: #999;
	font-size: 22px;
	font-weight: normal;
	text-shadow: -1px -1px #555;
	-webkit-text-shadow: -1px -1px #555;
	-moz-text-shadow: -1px -1px #555;
	
}

#show_user_outstanding {
	background: #666 url(/images/client/shadow.png) no-repeat bottom left;
}

#show_user_outstanding .example {
color: #b9b9b9;
font-size: 10px;
}

#client_facts div.content p {
	margin-bottom: 8px;
}

.contact {
	background-color: #f5f5f5;
	border: 1px solid #e7e7e7;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}

.contact .top {
	border-radius-topleft: 6px;
	border-radius-topright: 6px;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
	border-bottom: 1px solid #e7e7e7;
	padding: 8px 8px 12px 8px;
	line-height: 16px;
}

.contact .bottom {
	padding: 8px;
	border-radius-bottomleft: 6px;
	border-radius-bottomright: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	-moz-border-radius-bottomleft: 6px;
	-moz-border-radius-bottomright: 6px;
	border-top: 1px solid white;
}

.contact .primary {
	color: #b6b6b6;
	font-size: 14px;
}

.contact img.profile {
	padding-right: 10px;
}

.contact .details {
	background: #666 url(/images/client/shadow-top.png) repeat-x top left;
	color: white;
	padding: 22px 30px;
}

.contact .details a {
	color: white;
}

.payment-time {
	position: relative;
	margin-top: 8px;
}

/* Reset everything */
.grey-popup-shelf {
	position: absolute;
	margin-left: -20px;
	text-align: left;
}

.grey-popup-shelf .top {
	background:url("/images/grey-popup-shelf-sprite.png") no-repeat scroll right top transparent;
	height: 11px;
	margin-left: 20px; 
}

.grey-popup-shelf .top-left {
	background:url("/images/grey-popup-shelf-sprite.png") no-repeat scroll left top transparent;
	display: block;
	height: 11px; 
	width: 20px;
	margin-top: -11px;
	position: absolute;
}

.grey-popup-shelf .content {
	padding: 16px 10px 6px 10px;
	text-align: left;
	background-color: #F1F1F1;
	border-color:-moz-use-text-color #E5E5E5;
	border-left: 1px solid #E5E5E5;
	border-right: 1px solid #E5E5E5;
	border-top: 1px solid #FFF;
	border-style: none solid;
	border-width: 0 1px;
	overflow: hidden;
	padding-top: 20px;
}

.grey-popup-shelf .bottom {
	height: 43px;
	padding: 15px 10px 0 0;
	margin-left: 20px;
	text-align: right;
	background: url("/images/grey-popup-shelf-sprite.png") no-repeat scroll right bottom transparent;
}

.grey-popup-shelf .bottom-left {
	background: url("/images/grey-popup-shelf-sprite.png") no-repeat scroll left bottom transparent;
	display: block;
	height: 58px;
	width: 20px;
	margin-top: -58px;
	position: absolute;
}

/* Special cases of grey-popup-self */
#client_facts {
	left: -10px; /* adjust for margin of the grey sidebar */
	top: -35px; /* covers the show link */	
}

#client_settings_box.editinvoice {
	left: 20px;
	top: 26px;
}

.link_like {
	border: none; 
	padding: 1px; 
	margin: 1px; 
	display: inline-block;
	text-decoration: underline;
	color: blue; 
	background: none;
	position: relative;
}

.link_like:hover {
	cursor: pointer;
}

/* PURCHASE ORDER */
.invheader, .invheader th, .invbody, .invstub, invstub th, .invstub-viewestimate {
    font-family: Arial,"Arial Unicode","Arial Unicode MS",Helvetica,sans-serif;
    font-size: 12px;
    line-height: 18px;
    text-align: left;
}
.invheader-logo {
    font-size: 11px;
    line-height: 12px;
    text-align: center;
}

.invheader-invoicedetails {
    float: right;
    padding-bottom: 20px;
    width: 290px;
}

.invheader-invoicedetails table {
    width: 100%;
}
.invheader-invoicedetails table th {
    font-weight: normal;
    white-space: nowrap;
    width: 50%;
}
.invheader-invoicedetails table td {
    text-align: right;
}
.invheader-invoicedetails th, .invheader-invoicedetails td {
    padding: 0 5px;
}
.invheader-invoicedetails .invheader-invoicedetails-balance th, .invheader-invoicedetails .invheader-invoicedetails-balance td {
    background-color: #E5E5E5;
    border-bottom: 1px solid #C7C7C7;
    border-top: 1px solid #C7C7C7;
    font-weight: bold;
    padding: 0;
}
.invheader-invoicedetails .invheader-invoicedetails-balance th {
    border-left: 1px solid #C7C7C7;
}
.invheader-invoicedetails .invheader-invoicedetails-balance td {
    border-right: 1px solid #C7C7C7;
}
.invheader-invoicedetails .invheader-invoicedetails-balance th div {
    border-left: 1px solid #F1F1F1;
    border-top: 1px solid #F1F1F1;
    padding: 3px 5px;
}
.invheader-invoicedetails .invheader-invoicedetails-balance td div {
    border-top: 1px solid #F1F1F1;
    padding: 3px 5px;
}

.invbody-items, .invbody-expenses, .invbody-timeentries {
    margin-bottom: 24px;
    width: 100%;
}
.invbody-items td, .invbody-expenses td, .invbody-timeentries td {
    vertical-align: top;
}
.invbody-items thead, .invbody-expenses thead, .invbody-timeentries thead {
    font-weight: bold;
    page-break-after: avoid;
}
.invbody-items tbody, .invbody-expenses tbody, .invbody-timeentries tbody {
    page-break-before: avoid;
    vertical-align: top;
}
.invbody-items td, .invbody-expenses td, .invbody-timeentries td {
    border-bottom: 1px solid #E5E5E5;
    padding: 3px 0 3px 2px;
}
.invbody-items th, .invbody-expenses th, .invbody-timeentries th {
    background-color: #E3E3E3;
    border-bottom: 1px solid #C7C7C7;
    border-top: 1px solid #C7C7C7;
    line-height: normal;
    vertical-align: top;
}
.invbody-items th div, .invbody-expenses th div, .invbody-timeentries th div {
    padding: 5px 0;
}
.invbody-items th.first, .invbody-expenses th.first, .invbody-timeentries th.first {
    border-left: 1px solid #C7C7C7;
}
.invbody-items th.last, .invbody-expenses th.last, .invbody-timeentries th.last {
    border-right: 1px solid #C7C7C7;
}
.invbody-items thead .item {
    border-left: 1px solid #F1F1F1;
    border-top: 1px solid #F1F1F1;
    padding-left: 5px;
    text-align: left;
}
.invbody-items tbody .item {
    padding-left: 5px;
    text-align: left;
}
.invbody-items thead .description {
    border-top: 1px solid #F1F1F1;
    text-align: left;
}
.invbody-items thead .unitcost {
    border-top: 1px solid #F1F1F1;
    text-align: right;
}
.invbody-items tbody .unitcost {
    text-align: right;
}
.invbody-items thead .quantity {
    border-top: 1px solid #F1F1F1;
    padding-right: 5px;
    text-align: right;
}
.invbody-items tbody .quantity {
    padding-right: 5px;
    text-align: right;
}
.invbody-items thead .linetotal {
    border-top: 1px solid #F1F1F1;
    padding-right: 5px;
    text-align: right;
}
.invbody-items tbody .linetotal {
    padding-right: 5px;
    text-align: right;
}

.invbody-summary {
    border-top: 3px solid #E3E3E3;
    margin-bottom: 18px;
    width: 100%;
}
.invbody-summary th {
    font-weight: normal;
    text-align: left;
}
.invbody-summary td {
    text-align: right;
}
.invbody-summary th, .invbody-summary td {
    padding: 0 5px;
}
.invbody-summary .border {
    border-top: 1px solid #E5E5E5;
    padding-top: 3px;
}
.invbody-summary-paid td, .invbody-summary-paid th {
    padding-bottom: 3px;
}
.invbody-summary-subtotal td, .invbody-summary-subtotal th {
    padding-top: 3px;
}
.invbody-summary-discount td, .invbody-summary-discount th {
    padding-top: 3px;
}
.invbody-summary .invbody-summary-clean {
    background-color: transparent;
    border: 0 none;
}
.invbody-summary-total td, .invbody-summary-total th {
    background-color: #E5E5E5;
    border-bottom: 1px solid #C7C7C7;
    border-top: 1px solid #C7C7C7;
    padding: 0;
}
.invbody-summary-total th {
    border-left: 1px solid #C7C7C7;
}
.invbody-summary-total td {
    border-right: 1px solid #C7C7C7;
}
.invbody-summary .invbody-summary-total th div {
    border-left: 1px solid #F1F1F1;
    border-top: 1px solid #F1F1F1;
    padding: 3px 5px;
}
.invbody-summary .invbody-summary-total td div {
    border-top: 1px solid #F1F1F1;
    padding: 3px 5px;
}
.invbody-terms, .invbody-notes {
    margin-bottom: 18px;
    width: 80%;
}
.invbody-terms h2, .invbody-notes h2 {
    font-size: 12px;
    margin: 0;
}

.invheader {
    min-height: 270px;
    
}
.inv-header-paid {
    background: url("../../../images/invoice/stamp-paid-300.gif") no-repeat scroll center top transparent;
    height: 100px;
    left: 50%;
    margin-left: -100px;
    position: absolute;
    top: 0;
    width: 200px;
}
.invheader-upper {
    margin-left: 0.5in;
    min-height: 90px;
}
.invheader-lower {
    clear: both;
    margin-left: 0.5in;
    margin-top: 54px;
    min-height: 126px;
}
.invheader-address-account {
    float: left;
    margin-bottom: 20px;
    width: 300px;
}
.invheader-logo {
    float: right;
}
.invheader-logo-container {
    float: right;
    height: 90px;
    width: 250px;
}
.invheader-address-client {
    float: left;
    padding-bottom: 20px;
    width: 200px;
}

.invoice-container .status-draft { background: url("/cloverdale/images/status/banner-draft.gif") top left no-repeat; }

	
	</style>
</head>

<body>

<?php echo $content; ?>


</body>
</html>